darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-25 00:33:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixing the file/folder search area - adding back in the folder images to make it more obvious it's a folder and not a template

Browse Source
This commit is contained in:
Jonathan Bobel
2023-06-30 11:29:52 -04:00
parent 88b033616b
commit 7efbfe2288
2 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -156,17 +156,36 @@ td.table-empty-message {
box-shadow: none;
}
.template-list-item-without-ancestors a.template-list-folder:first-of-type {
background-image: url(../images/folder-blue-bold.svg);
background-size: 30px 30px;
}
.folder-heading a.folder-heading-folder,
.folder-heading-folder,
.template-list-folder {
background-image: none;
padding-left: 0;
text-indent: 0;
background-image: url(../images/folder-blue-bold.svg);
&:hover {
color: color("blue-warm-70v");
background-image: url(../images/folder-blue-bold.svg);
}
}
.template-list-item-without-ancestors a.template-list-folder:first-of-type {
text-indent: 0;
.folder-heading-folder {
background-image: url(../images/folder-black.svg);
}
.folder-heading a.folder-heading-folder-truncated {
background-position: 0;
}
.js-enabled .live-search {
display: flex;
margin-bottom: units(2);
.usa-form-group {
@include u-width("mobile-lg");
}
input#search {
width: 100%;
border: 1px solid color("gray-60");
}
}