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

UX: improves picker on automatic dark themes (#10515)

This commit is contained in:
Joffrey JAFFEUX 2020-08-24 15:04:11 +02:00 committed by GitHub
parent 226be994da
commit c3364b3a6b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/base/emoji.scss
View File

@ -61,7 +61,7 @@ sup img.emoji {
box-sizing: border-box;
padding: 0.25em;
height: 100%;
background: $secondary;
background: var(--secondary);
.section {
margin-bottom: 1em;
@ -107,7 +107,7 @@ sup img.emoji {
display: flex;
justify-content: center;
flex-wrap: wrap;
border-right: 1px solid $primary-low;
border-right: 1px solid var(--primary-low);
.category-button {
background: none;
@ -133,7 +133,7 @@ sup img.emoji {
width: 100%;
position: relative;
padding: 0.25em;
border-bottom: 1px solid $primary-low;
border-bottom: 1px solid var(--primary-low);
box-sizing: border-box;
align-items: center;
@ -149,7 +149,7 @@ sup img.emoji {
}
.d-icon {
color: $primary-medium;
color: var(--primary-medium);
margin-right: 0.5em;
}
}
@ -158,7 +158,7 @@ sup img.emoji {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid $primary-low;
border-top: 1px solid var(--primary-low);
}
.emoji-picker-emoji-info {
@ -224,5 +224,5 @@ sup img.emoji {
width: 100%;
height: 100%;
opacity: 0.8;
background-color: $primary;
background-color: var(--primary);
}

1
app/assets/stylesheets/mobile/emoji.scss
View File

@ -5,4 +5,5 @@
max-width: 100vh;
top: 0;
left: 0;
border-bottom: 1px solid var(--primary-low);
}