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

[#181] move stylesheets from layout to organised components/, leave overal structure in layout/_structure

Browse source
This commit is contained in:
Robin Scholtes 2023-04-18 22:04:40 +12:00
parent 4507d471bc
commit b4c0378a01
19 changed files with 163 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/web/stylesheets/components/operations/_categories.css Normal file
View file

@ -0,0 +1,58 @@
.category-title {
display: block;
padding: 10px;
background-color: var(--secondary-background-colour);
border-bottom: 1px solid var(--secondary-border-colour);
font-weight: var(--title-weight);
}
.category-title[href='#catFavourites'] {
border-bottom-color: var(--primary-border-colour);
}
.category-title[aria-expanded=true] {
border-bottom-color: var(--primary-border-colour);
}
.category-title.collapsed {
border-bottom-color: var(--secondary-border-colour);
}
.category-title:hover {
color: var(--op-list-operation-font-colour);
}
.category {
margin: 0 !important;
border-radius: 0 !important;
border: none;
}
#categories {
position: absolute;
top: 40px; /* the height of the input[type="search"] with pos relative */
left: 0;
right: 0;
height: auto;
max-height: 60vh;
overflow: scroll;
border-bottom: 1px solid var(--primary-border-colour);
z-index: 20; /* to dropdown on top of all the other elements */
}
#categories a {
color: var(--category-list-font-colour);
cursor: pointer;
}
#categories a:hover {
filter: brightness(98%);
}
.favourites-hover {
color: var(--rec-list-operation-font-colour);
background-color: var(--rec-list-operation-bg-colour);
border: 2px dashed var(--rec-list-operation-font-colour) !important;
padding: 8px 8px 9px 8px;
}

19
src/web/stylesheets/components/operations/_search.css Normal file
View file

@ -0,0 +1,19 @@
#search {
padding-left: 10px;
padding-right: 10px;
background-image:
linear-gradient(to top, var(--input-highlight-colour) 2px, rgba(0, 0, 0, 0) 2px),
linear-gradient(to top, var(--primary-border-colour) 1px, rgba(0, 0, 0, 0) 1px);
}
#search-results {
position: absolute;
top: 40px; /* the height of the input[type="search"] with pos relative */
left: 0;
right: 0;
height: auto;
max-height: 60vh;
overflow: scroll;
border-bottom: 1px solid var(--primary-border-colour);
z-index: 20; /* to dropdown on top of all the other elements */
}