mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-27 02:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move the tab buttons onto the tab bar

Browse source
This commit is contained in:
j433866 2019-04-04 10:57:01 +01:00
parent b90cca77a9
commit de21f14fd8
2 changed files with 51 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/web/stylesheets/layout/_io.css
View file

@ -56,7 +56,10 @@
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--primary-border-colour);
border-left: 1px solid var(--primary-border-colour);
height: var(--tab-height);
width: calc(100% - 75px);
clear: none;
}
#input-tabs li,
@ -87,8 +90,33 @@
.input-tab-buttons,
.output-tab-buttons {
transition: 1s all ease;
display: none;
width: 25px;
text-align: center;
margin: 0;
height: var(--tab-height);
line-height: var(--tab-height);
font-weight: bold;
background-color: var(--title-background-colour);
border-bottom: 1px solid var(--primary-border-colour);
}
.input-tab-buttons:hover,
.output-tab-buttons:hover {
cursor: pointer;
background-color: var(--primary-background-colour);
}
#btn-next-input-tab,
#btn-go-to-input-tab,
#btn-next-output-tab,
#btn-go-to-output-tab {
float: right;
}
#btn-previous-input-tab,
#btn-previous-output-tab {
float: left;
}
.input-tab-content,