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

Making user table responsive for tablets

This commit is contained in:
Kris 2018-04-25 12:00:35 -04:00
parent a5172a37e0
commit 3f7dafb69d
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/common/base/directory.scss
View File

@ -27,10 +27,16 @@
padding: 0.5em;
text-align: left;
border-bottom: 1px solid $primary-low;
@media screen and (max-width: $small-width) {
padding: .5em .25em;
}
.number, .time-read {
font-size: $font-up-3;
color: $primary-medium;
@media screen and (max-width: $small-width) {
font-size: $font-down-2;
}
}
.time-read {
white-space: nowrap;

4
app/assets/stylesheets/common/components/user-info.scss
View File

@ -41,6 +41,10 @@
&.small {
width: 333px;
@media screen and (max-width: $small-width) {
width: auto;
display: flex;
}
@media screen and (max-width: 600px) {
width: 100%;
}