mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-28 10:46:15 -04:00
Converted op-icons to material design and improved controls.
This commit is contained in:
parent
2bacd6424d
commit
7d410fcdc9
10 changed files with 66 additions and 81 deletions
|
@ -7,7 +7,7 @@
|
|||
*/
|
||||
|
||||
:root {
|
||||
--controls-height: 80px;
|
||||
--controls-height: 75px;
|
||||
}
|
||||
|
||||
#controls {
|
||||
|
@ -16,6 +16,25 @@
|
|||
height: var(--controls-height);
|
||||
bottom: 0;
|
||||
padding: 10px;
|
||||
padding-top: 12px;
|
||||
border-top: 1px solid var(--primary-border-colour);
|
||||
background-color: var(--primary-background-colour);
|
||||
background-color: var(--secondary-background-colour);
|
||||
}
|
||||
|
||||
#auto-bake-label {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: var(--primary-font-colour);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#auto-bake-label .checkbox-decorator {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#bake {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
|
@ -13,15 +13,16 @@
|
|||
}
|
||||
|
||||
#search {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
border-bottom: 1px solid var(--primary-border-colour);
|
||||
color: var(--primary-font-colour);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
background-image:
|
||||
linear-gradient(to top, #1976d2 2px, rgba(25, 118, 210, 0) 2px),
|
||||
linear-gradient(to top, var(--primary-border-colour) 1px, rgba(0, 0, 0, 0) 1px);
|
||||
}
|
||||
|
||||
#edit-favourites {
|
||||
float: right;
|
||||
margin-top: -6px;
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
.favourites-hover {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue