diff --git a/dd-sso/docker/api/src/api/static/_templates/admin.html b/dd-sso/docker/api/src/api/static/_templates/admin.html index c27880d..e1c6a8d 100644 --- a/dd-sso/docker/api/src/api/static/_templates/admin.html +++ b/dd-sso/docker/api/src/api/static/_templates/admin.html @@ -86,38 +86,46 @@ } /* MEGAMENÚ */ - #header #navbar-menu-apps #menu-apps-btn { - cursor: pointer; - position: relative; - } - - #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton { + +#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton { cursor: pointer; height: 16px; - padding: 0px 15px; - } - - #header - #navbar-menu-apps - #menu-apps-btn - #dropdownMenuAppsButton - #menu-apps-icon { - height: 16px; - width: 16px; - } - - #header div#navbar-menu-apps { + margin-right: 0; display: flex; align-items: center; - } + justify-content: center; +} - #header #navbar-menu-apps .dropdown-menu { +#header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton>svg { + transform: scale(.5); +} + +#header div#navbar-menu-apps { + display: flex; + align-items: center; +} + +#header #navbar-menu-apps #menu-apps-btn { + cursor: pointer; + width: 36px; + height: 36px; + border-radius: 5px; + background-color: #f0f0f0; + position: relative; + left: -15px; + top: 1px; + display: flex; + align-items: center; + justify-content: center; +} + +#header #navbar-menu-apps .dropdown-menu { display: none; position: absolute; - border: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid rgba(0,0,0,.15); border-radius: 5px; box-shadow: rgb(0 0 0 / 20%) 0 3px 8px; - margin-top: -2px; + margin-top: 11px; padding: 10px; max-height: 500px; overflow-y: scroll; @@ -126,43 +134,81 @@ top: 33px; right: -14px; left: auto; - } +} - #header #navbar-menu-apps .dropdown-menu ul { +#header #navbar-menu-apps .dropdown-menu ul { list-style: none; display: grid; flex-wrap: wrap; - padding: 15px 2px 0 0; + padding: 2px 2px 10px 0; margin-bottom: 0; - grid-template-columns: 82px 82px 82px; + grid-template-columns: 133px 133px; grid-gap: 12px 2px; - } +} - #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link { +#header #navbar-menu-apps .dropdown-menu ul#app-admin { + border-bottom: 1px solid #D9D9D9; + padding-bottom: 4px; + margin-bottom: 6px; +} + +#header #navbar-menu-apps .dropdown-menu ul#app-external { + border-top: 1px solid #D9D9D9; + padding-top: 20px; + margin-top: 8px; +} + +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link { display: flex; - flex-direction: column; + flex-direction: row; align-items: center; justify-content: start; text-align: center; color: #262626; text-decoration: none; - } - - #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon { + background-color: #F0F0F0; + margin-right: 8px; + border-radius: 5px; + padding: 5px; +} +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link:hover { + background-color: {{ data.colours.primary }}; +} +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon { width: 40px; height: 40px; - background-color: {{ data.colours.primary }}; - border-radius: 0.25rem; margin-right: 0; display: flex; align-items: center; justify-content: center; - } + background-color: transparent; + border-radius: 0.25rem; +} - #header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i { - color: #fff; - font-size: 19px; - } +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .text { + text-align: left; + margin-left: 0; + height: 26px; + max-width: 71px; + font-size: 13px; + line-height: 15px; + overflow-wrap: anywhere; + display: flex; + align-items: center; + position: relative; + top: 1px; +} + +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link .icon i { + color: {{ data.colours.primary }}; + font-size: 19px; +} +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link:hover .icon i { + color: #FFF; +} +#header #navbar-menu-apps .dropdown-menu ul li.app a.app-link:hover .text { + color: #FFF; +} #header #header-left, #header .header-left, @@ -227,6 +273,32 @@ #user_avatar:hover .dropdown-content { display: block; } + /* ScrollBar */ +/* width */ +::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: inherit; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #D9D9D9; + border-radius: 10px; + border: 2px solid transparent; + background-clip: content-box; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #C2C2C2; + width: 6px; +} +/* ScrollBar */ {% endblock %}