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

UX: Improve banner & alert close button alignment and consistency

This commit is contained in:
Kris 2020-05-07 22:57:52 -04:00
parent 609e929186
commit 1840023c28
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
.alert {
padding: 0.5em 1em;
padding: 0.5em 2.5em 0.5em 1em;
background-color: $danger-low;
color: $primary;
position: relative;
@ -7,11 +7,10 @@
.close {
font-size: $font-up-3;
position: absolute;
top: 8px;
right: 8px;
top: 0.265em;
right: 0.66em;
.d-icon {
color: $primary-low-mid;
color: $primary-medium;
}
}

12
app/assets/stylesheets/common/components/banner.scss
View File

@ -3,7 +3,7 @@
// --------------------------------------------------
#banner {
padding: 10px;
padding: 0.5em 1em;
background: $tertiary-low;
color: $primary;
z-index: z("base") + 1;
@ -14,13 +14,21 @@
}
.close {
margin-top: -5px;
color: $primary-low-mid;
padding-left: 5px;
float: right;
.d-icon {
color: $primary-medium;
}
}
.meta {
display: none;
}
}
#banner-content {
hr {
border-color: $primary-medium;
}
}

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

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

2
app/assets/stylesheets/desktop/banner.scss
View File

@ -3,7 +3,7 @@
// --------------------------------------------------
#banner {
margin-bottom: 10px;
margin-bottom: 1em;
max-width: 1090px;
max-height: 250px;
}