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

UX: Improve autocomplete styling (#18723) 

1. Restore the original text color (`--primary-high`)
2. Fix the double bottom border
3. Make the padding around icons even
This commit is contained in:
Jarek Radosz 2022-10-24 19:37:01 +02:00 committed by GitHub
parent 4c4ac9cc47
commit c421dc0b28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
app/assets/stylesheets/common/base/compose.scss
View File

@ -393,44 +393,55 @@ html.composer-open {
width: 240px;
background-color: var(--secondary);
border: 1px solid var(--primary-low);
ul {
list-style: none;
padding: 0;
margin: 0;
li {
.d-icon-users {
color: var(--primary-medium);
padding: 0 2px;
}
&:not(:last-child) {
border-bottom: 1px solid var(--primary-low);
}
a {
padding: 5px;
display: block;
@include ellipsis;
color: var(--primary-high);
display: flex;
padding: 5px;
span.username {
color: var(--primary);
}
span.name {
font-size: var(--font-down-1);
vertical-align: middle;
}
&.selected {
background-color: var(--tertiary-low);
}
@include hover {
background-color: var(--highlight-low);
text-decoration: none;
}
&.selected {
background-color: var(--tertiary-low);
}
span {
margin-left: 5px;
&.username {
color: var(--primary);
}
&.name {
font-size: var(--font-down-1);
vertical-align: middle;
}
}
.relative-date {
font-size: var(--font-down-3);
padding-top: 10em;
}
}
.d-icon-users {
color: var(--primary-medium);
padding: 0 2px;
}
}
}
}