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

Further CSS tweaks

Browse source
This commit is contained in:
n1474335 2018-08-03 19:58:44 +01:00
parent 2a55f1317a
commit 53b92ae8ef
2 changed files with 11 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/web/OutputWaiter.mjs
View file

@ -474,7 +474,7 @@ class OutputWaiter {
*/ */
showMagicButton(opSequence, result, recipeConfig) { showMagicButton(opSequence, result, recipeConfig) {
const magicButton = document.getElementById("magic"); const magicButton = document.getElementById("magic");
magicButton.setAttribute("data-original-title", `Running <i>${opSequence}</i> will result in <span class="data-text">"${Utils.truncate(result, 30)}"</span>`); magicButton.setAttribute("data-original-title", `<i>${opSequence}</i> will produce <span class="data-text">"${Utils.truncate(result, 30)}"</span>`);
magicButton.setAttribute("data-recipe", JSON.stringify(recipeConfig), null, ""); magicButton.setAttribute("data-recipe", JSON.stringify(recipeConfig), null, "");
magicButton.classList.remove("hidden"); magicButton.classList.remove("hidden");
} }

23
src/web/stylesheets/utils/_overrides.css
View file

@ -36,40 +36,36 @@
margin-bottom: 0; margin-bottom: 0;
} }
/*
button, button,
a:focus { a:focus {
outline: none; outline: none;
} }
.btn-secondary { .btn.btn-raised.btn-secondary {
color: var(--btn-default-font-colour); color: var(--btn-default-font-colour);
background-color: var(--btn-default-bg-colour); background-color: var(--btn-default-bg-colour);
border-color: var(--btn-default-border-colour); border-color: var(--btn-default-border-colour);
} }
.btn-secondary:hover, .btn.btn-raised.btn-secondary:hover,
.btn-secondary:active, .btn.btn-raised.btn-secondary:active,
.btn-secondary:hover:active, .btn.btn-raised.btn-secondary:hover:active {
.open>.dropdown-toggle.btn-secondary {
color: var(--btn-default-hover-font-colour); color: var(--btn-default-hover-font-colour);
background-color: var(--btn-default-hover-bg-colour); background-color: var(--btn-default-hover-bg-colour);
border-color: var(--btn-default-hover-border-colour); border-color: var(--btn-default-hover-border-colour);
} }
.btn-secondary:focus, .btn.btn-raised.btn-secondary:focus {
.open>.dropdown-toggle.btn-secondary:hover,
.open>.dropdown-toggle.btn-secondary:focus {
color: var(--btn-default-font-colour); color: var(--btn-default-font-colour);
background-color: var(--btn-default-bg-colour); background-color: var(--btn-default-bg-colour);
border-color: var(--btn-default-hover-border-colour); border-color: var(--btn-default-hover-border-colour);
} }
.btn-secondary[disabled]:hover { .btn.btn-raised.btn-secondary[disabled]:hover {
background-color: var(--primary-background-colour); background-color: var(--primary-background-colour);
border-color: var(--primary-border-colour); border-color: var(--primary-border-colour);
} }
*/
.btn.btn-raised.btn-success { .btn.btn-raised.btn-success {
color: var(--btn-success-font-colour); color: var(--btn-success-font-colour);
@ -157,13 +153,14 @@ optgroup {
.popover-body { .popover-body {
max-height: 95vh; max-height: 95vh;
overflow-y: auto; overflow-y: auto;
color: var(--primary-font-colour);
} }
.popover.right>.arrow { .bs-popover-right>.arrow {
border-right-color: var(--popover-border-colour); border-right-color: var(--popover-border-colour);
} }
.popover.right>.arrow:after { .bs-popover-right>.arrow:after {
border-right-color: var(--popover-background); border-right-color: var(--popover-background);
} }