Cool_Tools/CyberChef
1
0
Fork 0
mirror of synced 2024-11-17 03:27:13 +01:00
Code Releases Activity

Add css for output tabs

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