From 95d64ff6332b41db70ecdd77856d8d705a23c9d1 Mon Sep 17 00:00:00 2001 From: Antonio Manzano Date: Thu, 22 Dec 2022 16:47:19 +0000 Subject: [PATCH] Update Navbar --- dd-sso/docker/api/src/api/static/css/dd.css | 56 +++++++++++++++++++-- 1 file changed, 53 insertions(+), 3 deletions(-) diff --git a/dd-sso/docker/api/src/api/static/css/dd.css b/dd-sso/docker/api/src/api/static/css/dd.css index f63139a..a3546a9 100644 --- a/dd-sso/docker/api/src/api/static/css/dd.css +++ b/dd-sso/docker/api/src/api/static/css/dd.css @@ -33,12 +33,13 @@ background-color: white !important; height: 74px ; box-shadow: 0 2px 4px #00000014; - border-bottom: 1px solid #262626; + border-bottom: none; background-image: inherit; } #theming-preview-logo, #header #nextcloud { - padding-left: 10px; + padding-left: 82px; + bottom: 1px; } #header #unified-search svg { @@ -96,6 +97,16 @@ height: 35px; } +#navbar-nextcloud #unified-search.header-menu.unified-search a.header-menu__trigger { + background-color: #F0F0F0; + width: 36px; + height: 36px; + border-radius: 5px; + position: relative; + top: 8px; + left: 9px; +} + #body-user div#content, #body-settings div#content, #body-public div#content { padding-top: 75px; } @@ -128,9 +139,17 @@ } #header #navbar-menu-apps #menu-apps-btn { - margin-right: 20px; cursor: pointer; position: relative; + width: 36px; + height: 36px; + border-radius: 5px; + background-color: #f0f0f0; + left: -15px; + top: 1px; + display: flex; + align-items: center; + justify-content: center; } #header #navbar-menu-apps #menu-apps-btn #dropdownMenuAppsButton { @@ -218,3 +237,34 @@ div#content-vue { padding-top: 75px; } +#product-logo>a>img { + height: 26px !important; + margin-right: 30px !important; + margin-top: 12px !important; +} + +#navbar-nextcloud .notifications .notifications-button.menutoggle { + margin-right: 16px; + width: 36px; + height: 36px; + background-color: #f0f0f0; + border-radius: 5px; + position: relative; + top: 8px; + left: 1px; + opacity: 1 !important; +} + +#navbar-nextcloud #contactsmenu .icon-contacts { + background-image: var(--icon-contacts-000); + opacity: 1; + margin-right: 16px; + width: 36px; + height: 36px; + background-color: #f0f0f0; + position: relative; + top: 8px; + border-radius: 5px; + left: -7px; +} +