From 2935c890cfeee26b9d3168673fcb8b0def0e64a3 Mon Sep 17 00:00:00 2001 From: carlosmonari Date: Sun, 28 Jun 2020 18:16:30 -0300 Subject: [PATCH] include stylishment to package django-admin-index include stylishment to package https://github.com/maykinmedia/django-admin-index --- .../admin_interface/css/admin-index.css | 97 +++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 admin_interface/templates/admin_interface/css/admin-index.css diff --git a/admin_interface/templates/admin_interface/css/admin-index.css b/admin_interface/templates/admin_interface/css/admin-index.css new file mode 100644 index 0000000..5600264 --- /dev/null +++ b/admin_interface/templates/admin_interface/css/admin-index.css @@ -0,0 +1,97 @@ +.admin-interface .breadcrumbs { + position:sticky; + top:86px; + z-index:100000 +} + +.admin-interface .dropdown-menu{ + position:sticky; + top:49px; + z-index:1000000; + display:block; + background-color:{{ theme.css_header_background_color }}; + padding:0 40px; + cursor:pointer +} + +.admin-interface .dropdown-menu .dropdown-menu__item, +.admin-interface .dropdown-menu .dropdown-menu__item:link, +.admin-interface .dropdown-menu .dropdown-menu__item:visited { + color:#fff; + display:inline-block; + padding:10px; + position:relative + background-color: {{ theme.css_save_button_background_color }}; +} + +.admin-interface .dropdown-menu .dropdown-menu__link.dropdown-menu__link--active, +.admin-interface .dropdown-menu .dropdown-menu__link:link.dropdown-menu__link--active, +.admin-interface .dropdown-menu .dropdown-menu__link:visited.dropdown-menu__link--active { + background-color: {{ theme.css_save_button_background_color }}; + text-decoration: underline; +} + +.admin-interface .dropdown-menu .dropdown-menu__item.dropdown-menu__item--active, +.admin-interface .dropdown-menu .dropdown-menu__item:link.dropdown-menu__item--active, +.admin-interface .dropdown-menu .dropdown-menu__item:visited.dropdown-menu__item--active { + background-color: {{ theme.css_save_button_background_color }}; + text-decoration: underline; +} + + + +.admin-interface .dropdown-menu .dropdown-menu__item .dropdown-menu__item--active, +.admin-interface .dropdown-menu .dropdown-menu__item:link .dropdown-menu__item--active, +.admin-interface .dropdown-menu .dropdown-menu__item:visited .dropdown-menu__item--active{ + background-color: {{ theme.css_save_button_background_color }}; + text-decoration:underline +} + +.admin-interface .dropdown-menu .dropdown-menu__item:hover, +.admin-interface .dropdown-menu .dropdown-menu__item:link:hover, +.admin-interface .dropdown-menu .dropdown-menu__item:visited:hover{ + background-color: {{ theme.css_header_background_color }}; +} + +.admin-interface .dropdown-menu .dropdown-menu__item:hover .dropdown-menu__drop, +.admin-interface .dropdown-menu .dropdown-menu__item:link:hover .dropdown-menu__drop, +.admin-interface .dropdown-menu .dropdown-menu__item:visited:hover .dropdown-menu__drop{ + display:block +} + +.admin-interface .dropdown-menu .dropdown-menu__drop{ + position:absolute; + left:0; + top:100%; + display:none; + background-color: {{ theme.css_header_background_color }}; + min-width:150px +} + +.admin-interface .dropdown-menu .dropdown-menu__link, +.admin-interface .dropdown-menu .dropdown-menu__link:link, +.admin-interface .dropdown-menu .dropdown-menu__link:visited{ + color:#fff; + display:block; + padding:10px +} + +.admin-interface .dropdown-menu .dropdown-menu__link:hover, +.admin-interface .dropdown-menu .dropdown-menu__link:link:hover, +.admin-interface .dropdown-menu .dropdown-menu__link:visited:hover{ + background-color:{{ theme.css_save_button_background_color }}; +} + +.admin-interface .dropdown-menu .dropdown-menu__link .dropdown-menu__link--active, +.admin-interface .dropdown-menu .dropdown-menu__link:link .dropdown-menu__link--active, +.admin-interface .dropdown-menu .dropdown-menu__link:visited .dropdown-menu__link--active{ + background-color: {{ theme.css_save_button_background_color }}; + text-decoration:underline +} + +#header{ + position:sticky; + top:0; + z-index:100000; + height:29px +}