mirror of
https://github.com/gchq/CyberChef.git
synced 2025-05-07 06:57:12 -04:00
line up all icons and paddings with consistency, return auto bake checkbox on mobile UI
This commit is contained in:
parent
c1a5b67603
commit
b872ac6e68
3 changed files with 21 additions and 4 deletions
|
@ -147,8 +147,15 @@
|
|||
<div id="content-wrapper">
|
||||
<!-- banner -->
|
||||
<div id="banner" class="row">
|
||||
<div style="text-align: left; padding-left: 10px;">
|
||||
<a href="#" data-toggle="modal" data-target="#download-modal" data-help-title="Downloading CyberChef" data-help="<p>CyberChef can be downloaded to run locally or hosted within your own network. It has no server-side component so all that is required is that the ZIP file is uncompressed and the files are accessible.</p><p>As a user, it is worth noting that unofficial versions of CyberChef could have been modified to introduce Input and/or Recipe exfiltration. We recommend always using the official, open source, up-to-date version of CyberChef hosted at <a href='https://gchq.github.io/CyberChef'>https://gchq.github.io/CyberChef</a> if accessible.</p><p>The Network tab in your browser's Developer console (F12) can be used to inspect the network requests made by a website. This can confirm that no data is uploaded when a CyberChef recipe is baked.</p>">Download CyberChef <i class="material-icons">file_download</i></a>
|
||||
<div>
|
||||
<a href="#"
|
||||
data-toggle="modal"
|
||||
data-target="#download-modal"
|
||||
data-help-title="Downloading CyberChef"
|
||||
data-help="<p>CyberChef can be downloaded to run locally or hosted within your own network. It has no server-side component so all that is required is that the ZIP file is uncompressed and the files are accessible.</p><p>As a user, it is worth noting that unofficial versions of CyberChef could have been modified to introduce Input and/or Recipe exfiltration. We recommend always using the official, open source, up-to-date version of CyberChef hosted at <a href='https://gchq.github.io/CyberChef'>https://gchq.github.io/CyberChef</a> if accessible.</p><p>The Network tab in your browser's Developer console (F12) can be used to inspect the network requests made by a website. This can confirm that no data is uploaded when a CyberChef recipe is baked.</p>">
|
||||
Download CyberChef
|
||||
<i class="material-icons">file_download</i>
|
||||
</a>
|
||||
</div>
|
||||
<div id="notice-wrapper" class="desktop-only">
|
||||
<span id="notice">
|
||||
|
@ -162,7 +169,7 @@
|
|||
<noscript>JavaScript is not enabled. Good luck.</noscript>
|
||||
</span>
|
||||
</div>
|
||||
<div style="text-align: right; padding-right: 0;">
|
||||
<div>
|
||||
<a href="#"
|
||||
id="options"
|
||||
data-help-title="Options and Settings"
|
||||
|
|
|
@ -17,6 +17,8 @@
|
|||
margin: 0;
|
||||
/* flex is applied through .row on the banner element */
|
||||
justify-content: space-between;
|
||||
padding-left: 12px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
#banner i {
|
||||
|
|
|
@ -31,7 +31,15 @@
|
|||
color: var(--primary-font-colour);
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
line-height: 0;
|
||||
/*line-height: 0;*/
|
||||
}
|
||||
|
||||
#auto-bake {
|
||||
position: relative;
|
||||
width: auto;
|
||||
height: auto;
|
||||
opacity: 1;
|
||||
z-index: initial;
|
||||
}
|
||||
|
||||
#auto-bake-label .check,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue