github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-20 09:52:01 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: More consistent mobile banner/alert styles, css cleanup

Browse Source
This commit is contained in:
Kris 2020-05-20 17:17:47 -04:00
parent 096eca0ee8
commit eef47a26d9
5 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/common/base/alert.scss
View File

@ -3,6 +3,7 @@
background-color: $danger-low;
color: $primary;
position: relative;
margin-bottom: 1em;
.close {
font-size: $font-up-3;

1
app/assets/stylesheets/desktop.scss
View File

@ -2,7 +2,6 @@
/* @import "desktop/*"; TODO: get this working again */
@import "desktop/alert";
@import "desktop/banner";
@import "desktop/compose";
@import "desktop/discourse";

3
app/assets/stylesheets/desktop/alert.scss
View File

@ -1,3 +0,0 @@
.alert {
margin-bottom: 1em;
}

5
app/assets/stylesheets/mobile/alert.scss
View File

@ -1,7 +1,8 @@
// there are (n) new or updated topics, click to show
.alert.alert-info {
margin: 0;
margin-bottom: 0.5em;
&.clickable {
// there are (n) new or updated topics, click to show
margin-bottom: 0;
padding: 1em;
}
}

7
app/assets/stylesheets/mobile/banner.scss
View File

@ -3,11 +3,6 @@
// --------------------------------------------------
#banner {
// go full width on mobile, by extending into the 10px wrap
// borders on left and right
margin: 0 -10px;
max-height: 180px;
@media all and (max-height: 499px) {
max-height: 100px;
}
height: 20vh;
}