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

CSS label / register-list Aesthetics

Browse source 
Occasionally depending on the page width and the operation used, the label.bmd-label-floating's wraps and covers the input - CSS to hide the wrap

On register-list, if the regex match is not a word and longer than the div, it'll over run - CSS of word-break: break-all
This commit is contained in:
OllieGeek 2018-09-24 22:56:38 +01:00
parent ec9dfd2918
commit 32a91bda0a
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/web/stylesheets/components/_operation.css
View file

@ -116,6 +116,13 @@ div.toggle-string {
left: 12px; left: 12px;
} }
.operation label.bmd-label-floating {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: calc(100% - 13px);
}
.operation .bmd-form-group .bmd-help { .operation .bmd-form-group .bmd-help {
margin-top: -17px; margin-top: -17px;
} }
@ -172,6 +179,7 @@ div.toggle-string {
background-color: var(--fc-operation-border-colour); background-color: var(--fc-operation-border-colour);
font-family: var(--fixed-width-font-family); font-family: var(--fixed-width-font-family);
padding: 10px; padding: 10px;
word-break: break-all;
} }
.op-icon { .op-icon {