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

Arguments are now bordered white boxes again

This commit is contained in:
n1474335 2018-07-13 00:03:04 +01:00
parent dcf3152dee
commit 052c32e2ce
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/web/stylesheets/components/_operation.css
View File

@ -40,6 +40,10 @@
grid-column: unset;
}
.ingredients .form-group {
padding-top: 1rem;
}
.arg {
font-family: var(--fixed-width-font-family);
text-overflow: ellipsis;
@ -60,7 +64,11 @@ div.toggle-string {
}
.operation [class^='bmd-label'],
.operation [class*=' bmd-label'],
.operation [class*=' bmd-label'] {
top: 31px;
left: 10px;
}
.operation label {
color: #388e3c;
}
@ -75,9 +83,20 @@ div.toggle-string {
}
.operation .form-control {
background-color: transparent;
border-color: var(--primary-border-colour);
color: var(--primary-font-colour);
border-width: 1px;
border-style: solid;
padding: 12px 10px;
border-radius: 4px;
background-color: var(--arg-background);
background-image: none;
border-color: var(--arg-border-colour);
color: var(--arg-font-colour);
}
.operation .form-control:focus {
border-width: 2px;
padding: 11px 9px;
border-color: #1976d2;
}
.bmd-form-group.is-filled div.toggle-string label.bmd-label-floating,
@ -85,6 +104,16 @@ div.toggle-string {
left: unset;
}
.bmd-form-group.is-filled label.bmd-label-floating,
.bmd-form-group.is-focused label.bmd-label-floating {
top: 0.65rem;
left: 0.5rem;
background-image: linear-gradient(to top,
var(--arg-background) 8px,
var(--rec-list-operation-bg-colour) 8px);
padding: 0 4px;
}
.editable-option-menu {
height: auto;
max-height: 350px;