Mirror
/
CyberChef
mirror of https://github.com/gchq/CyberChef.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add css for output tabs

This commit is contained in:
j433866 2019-03-27 09:39:38 +00:00
parent 3597aacce9
commit 90dd2b5ac2
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/web/stylesheets/layout/_io.css
View File

@ -30,7 +30,8 @@
-moz-padding-start: 1px; /* Fixes bug in Firefox */
}
#input-tabs ul {
#input-tabs ul,
#output-tabs ul {
list-style: none;
background-color: var(--title-background-colour);
padding: 0;
@ -43,7 +44,8 @@
height: var(--tab-height);
}
#input-tabs ul li {
#input-tabs ul li,
#output-tabs ul li {
display: flex;
flex-direction: row;
width: 100%;
@ -56,17 +58,20 @@
vertical-align: middle;
}
#input-tabs ul li:hover {
#input-tabs ul li:hover,
#output-tabs ul li:hover {
cursor: pointer;
background-color: var(--primary-background-colour);
}
.active-input-tab {
.active-input-tab,
.active-output-tab {
font-weight: bold;
background-color: var(--primary-background-colour);
}
.input-tab-content {
.input-tab-content,
.output-tab-content {
width: 100%;
max-width: 100%;
padding-left: 5px;