gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): adjust splitters styles

Browse Source
This commit is contained in:
Valeriy
2019-08-31 11:07:16 +03:00
committed by Mrugesh Mohapatra
parent 4ef44a4621
commit aaf7ed7357
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/components/layouts/learn.css
View File

@ -2,22 +2,21 @@
height: calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height));
} }
#learn-app-wrapper .reflex-container.vertical .reflex-splitter:hover { #learn-app-wrapper .reflex-container.vertical > .reflex-splitter,
background-color: var(--tertiary-color); #learn-app-wrapper .reflex-container.horizontal > .reflex-splitter {
background-color: var(--quaternary-background);
border: none;
}
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter:hover,
#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter:hover {
background-color: var(--quaternary-color);
} }
#learn-app-wrapper .reflex-container.vertical > .reflex-splitter { #learn-app-wrapper .reflex-container.vertical > .reflex-splitter {
width: 5px; width: 5px;
} }
#learn-app-wrapper .reflex-container.horizontal .reflex-splitter:hover {
background-color: var(--quaternary-background);
width: 5px;
border: none;
}
#learn-app-wrapper .reflex-container.horizontal > .reflex-splitter { #learn-app-wrapper .reflex-container.horizontal > .reflex-splitter {
height: 5px; height: 5px;
background-color: var(--quaternary-background);
border: none;
} }