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

Improve UI for searching for input tabs

Browse source
This commit is contained in:
j433866 2019-05-10 13:48:03 +01:00
parent 2c02900edf
commit e34d521dcc
2 changed files with 47 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -296,9 +296,26 @@
fill: var(--primary-font-colour);
}
#input-find-options {
list-style: none;
width: 100%;
}
#input-find-options li {
display: flex;
flex-direction: row;
float: left;
padding: 10px;
width: auto;
text-align: center;
vertical-align: middle;
}
#input-search-results {
list-style: none;
width: fit-content;
width: 75%;
min-width: 200px;
margin-left: auto;
margin-right: auto;
}
@ -309,12 +326,17 @@
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
transition: 0.25s ease all;
width: 100%;
background: var(--secondary-background-colour);
color: var(--op-list-operation-font-colour);
background-color: var(--op-list-operation-bg-colour);
border-bottom: 2px solid var(--op-list-operation-border-colour);
}
#input-search-results li:first-of-type {
border-top: 2px solid var(--op-list-operation-border-colour);
}
#input-search-results li:hover {
cursor: pointer;
background: var(--primary-background-colour);
filter: brightness(98%);
}