Briq/django-admin-interface
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add option to make active list filters more visible. #178

Browse Source 
* add option to make active list filters more visible

* fix margins and border radius for selected filters
This commit is contained in:
Éric
2022-10-06 03:47:19 -04:00
committed by GitHub
parent 56f876d25e
commit f25d340738
7 changed files with 55 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin_interface/static/admin_interface/css/admin-interface.css
+24 -1
View File
@@ -388,12 +388,35 @@
text-decoration: none;
}
.admin-interface.list-filter-highlight .module.filtered #changelist-filter h3.active {
font-weight: bold;
}
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected {
color: var(--admin-interface-module-text-color);
background: var(--admin-interface-module-background-color);
margin-left: -10px;
padding-left: 5px;
margin-right: -10px;
border-left: 5px solid var(--admin-interface-module-background-color);
border-right: 5px solid var(--admin-interface-module-background-color);
border-radius: var(--admin-interface-module-border-radius);
}
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected a,
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected a:link,
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected a:visited,
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected a:focus,
.admin-interface.list-filter-highlight .module.filtered #changelist-filter ul.active li.selected a:hover {
background: inherit;
color: inherit;
}
.admin-interface .module.filtered #changelist-filter li.selected a,
.admin-interface .module.filtered #changelist-filter li.selected a:link,
.admin-interface .module.filtered #changelist-filter li.selected a:visited,
.admin-interface .module.filtered #changelist-filter li.selected a:focus,
.admin-interface .module.filtered #changelist-filter li.selected a:hover {
/* color: #666; */
color: var(--admin-interface-generic-link-hover-color);
}
admin_interface/static/admin_interface/css/list-filter-dropdown.css
+5 -1
View File
@@ -15,4 +15,8 @@ list-filter-dropdown
background-color: #FFFFFF;
width: calc(100% - 30px);
margin-right: 15px;
}
}
.admin-interface.list-filter-highlight .list-filter-dropdown h3.active + div select {
font-weight: bold;
}