Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add styles so permalinks admin could fit mobile screen (#6496)

This commit is contained in:
Guto Foletto 2018-10-17 12:37:14 -03:00 committed by Régis Hanol
parent 341836eb42
commit 0abc932056
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/admin/templates/permalinks.hbs
View File

@ -1,5 +1,7 @@
<div class="permalink-title"><h2>{{i18n 'admin.permalink.title'}}</h2></div>
<div class="pull-right">
<div class="permalink-title">
<h2>{{i18n 'admin.permalink.title'}}</h2>
</div>
<div class="permalink-search">
{{text-field value=filter class="url-input" placeholderKey="admin.permalink.form.filter" autocorrect="off" autocapitalize="off"}}
</div>
{{permalink-form action="recordAdded"}}

21
app/assets/stylesheets/common/admin/customize.scss
View File

@ -574,21 +574,40 @@
.external_url,
.post {
text-overflow: ellipsis;
white-space: nowrap;
}
&.grid tr.admin-list-item {
grid-template-columns: unset;
}
}
.permalink-search {
text-align: left;
@media screen and (min-width: map-get($breakpoints, tablet)) {
text-align: right;
}
}
.permalink-form {
align-items: flex-start;
display: flex;
flex-direction: column;
flex-wrap: wrap;
@media screen and (min-width: map-get($breakpoints, tablet)) {
align-items: center;
flex-direction: row;
}
.select-kit {
width: 150px;
}
input {
margin: 5px 0;
@media screen and (min-width: map-get($breakpoints, tablet)) {
margin: 0 5px;
}
}
}
.permalink-title {
margin-bottom: 10px;