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

Prevent long strings from overflowing bulk buttons

This commit is contained in:
Kris 2018-07-10 17:05:27 -04:00
parent 93b49a0dd5
commit 6a530b8949
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/desktop/modal.scss
View File

@ -95,13 +95,26 @@
.bulk-buttons { .bulk-buttons {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-right: -1%;
.btn { .btn {
flex: 1 1 0; flex: 1 0 30%;
margin-bottom: 1em; margin-bottom: 1em;
margin-right: 1em; margin-right: 1%;
white-space: nowrap; white-space: nowrap;
max-width: 23%; overflow: hidden;
max-width: 33%;
@media screen and (max-width: 767px) {
flex: 1 0 48%;
max-width: 48%;
}
@media screen and (max-width: 550px) {
flex: 1 1 auto;
min-width: 49%;
max-width: unset;
}
} }
} }
} }