felixfoertsch/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2026-04-21 16:52:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

UI Enhancements part 2

Browse Source 
A bit more refactoring and cleaning up the code.
Updated the Augmentations accordion icons as they were barely visible.
This commit is contained in:
Mat Jaworski
2018-08-30 01:48:26 +10:00
parent 5f13bc6336
commit dbab0d73a7
2 changed files with 59 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.scss
+34 -37
View File
@@ -113,6 +113,11 @@ tr:focus {
position: relative;
}
/* Accordion Outline */
.mainmenu-accordion-header {
outline: 2px solid #fff;
}
/* Plus and minus signs */
.mainmenu-accordion-header:after {
content: '\02795';
@@ -125,12 +130,12 @@ tr:focus {
text-shadow: 0 0 0 #fff;
}
.mainmenu-accordion-header.opened:after {
content: "\2796";
}
.mainmenu-accordion-header.opened {
background-color: #222;
&:after {
content: "\2796";
}
}
/* Slide down transition */
@@ -140,11 +145,6 @@ tr:focus {
transition: max-height 0.2s ease-out;
}
/* Accordion Outline */
.mainmenu-accordion-header {
outline: 2px solid #fff;
}
/* Make html links ("a" elements) nice looking buttons with this class */
a:link,
a:visited {
@@ -554,32 +554,32 @@ a:visited {
text-align: left;
border: none;
outline: none;
}
position: relative;
.accordion-header.active,
.accordion-header:hover {
background-color: #555;
}
&.active,
&:hover {
background-color: #555;
}
.accordion-header.active:hover {
background-color: #666;
}
&.active:hover {
background-color: #666;
}
.accordion-header:after {
content: '\02795'; /* "plus" sign (+) */
font-size: $defaultFontSize * 0.8125;
float: right;
margin-left: 5px;
color: transparent;
text-shadow: 0 0 0 #fff;
}
&:after {
content: '\02795'; /* "plus" sign (+) */
font-size: $defaultFontSize * 0.8125;
float: right;
color: transparent;
text-shadow: 0 0 0 #fff;
position: absolute;
bottom: 3px;
right: 6px;
}
&.active:after {
content: "\2796"; /* "minus" sign (-) */
}
.accordion-header.active:after {
content: "\2796"; /* "minus" sign (-) */
font-size: $defaultFontSize * 0.8125;
color: #fff;
float: right;
margin-left: 5px;
}
.accordion-panel {
@@ -591,13 +591,10 @@ a:visited {
background-color: #555;
overflow-y: auto;
overflow-x: none;
}
.accordion-panel div,
.accordion-panel ul,
.accordion-panel p,
.accordion-panel ul > li {
background-color: #555;
div, ul, p, ul > li {
background-color: #555;
}
}
/* override the global <span> styling */