github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-10 17:43:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
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
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="permalink-title">
<div class="pull-right"> <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"}} {{text-field value=filter class="url-input" placeholderKey="admin.permalink.form.filter" autocorrect="off" autocapitalize="off"}}
</div> </div>
{{permalink-form action="recordAdded"}} {{permalink-form action="recordAdded"}}

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

@ -574,19 +574,38 @@
.external_url, .external_url,
.post { .post {
text-overflow: ellipsis; 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 { .permalink-form {
align-items: flex-start;
display: flex; display: flex;
align-items: center; flex-direction: column;
flex-wrap: wrap;
@media screen and (min-width: map-get($breakpoints, tablet)) {
align-items: center;
flex-direction: row;
}
.select-kit { .select-kit {
width: 150px; width: 150px;
} }
input { input {
margin: 0 5px; margin: 5px 0;
@media screen and (min-width: map-get($breakpoints, tablet)) {
margin: 0 5px;
}
} }
} }