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

UI: fixes sidebar settings border and active styles (#13990) 

- active setting should now correctly show an arrow which was previously floating in the middle of nowhere
- uses a correct color for border separation, previously the border was present but invisible as similar to the background
- slighty tweak padding
- makes arrow computation based on a variable
This commit is contained in:
Joffrey JAFFEUX 2021-08-10 08:53:22 +02:00 committed by GitHub
parent 6774c600a4
commit 2efe91f49f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/stylesheets/common/components/navs.scss
View File

@ -69,7 +69,7 @@
background: var(--primary-low); background: var(--primary-low);
li { li {
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low-mid-or-secondary-high);
&:last-of-type { &:last-of-type {
border-bottom: 0; border-bottom: 0;
@ -82,7 +82,7 @@
a { a {
margin: 0; margin: 0;
padding: 13px; padding: 0.75em;
font-size: $font-up-1; font-size: $font-up-1;
line-height: $line-height-small; line-height: $line-height-small;
cursor: pointer; cursor: pointer;
@ -92,13 +92,16 @@
&.active { &.active {
color: var(--secondary); color: var(--secondary);
background-color: var(--quaternary); background-color: var(--quaternary);
position: relative;
--arrow-thickness: 8px;
&::after { &::after {
left: 90%;
top: 33%;
content: " ";
position: absolute; position: absolute;
border: 8px solid transparent; right: 0;
top: calc(50% - var(--arrow-thickness));
content: " ";
border: var(--arrow-thickness) solid transparent;
border-left-color: var(--secondary); border-left-color: var(--secondary);
} }
} }