passman/sass/menu.scss
binsky 9162e5a298 improve dark mode for credential dashboard
Signed-off-by: binsky <timo@binsky.org>
2023-01-03 20:08:36 +01:00

146 lines
3.3 KiB
SCSS

/**
* Nextcloud - passman
*
* @copyright Copyright (c) 2016, Sander Brand (brantje@gmail.com)
* @copyright Copyright (c) 2016, Marcos Zuriaga Miguel (wolfi@wolfi.es)
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
.settings-container {
div {
padding-left: 15px;
}
button {
width: 80%;
margin-left: 15px;
margin-right: 15px;
}
}
.settings-container-label {
padding-left: 15px;
}
#app-navigation > ul{
> li > a{
z-index: auto;
}
> li {
display: block;
}
}
.nav-trashbin {
//position: fixed !important;
//bottom: 44px;
width: inherit !important;
a {
&.active{
//border-left: 3px solid #0082c9;
background-image: var(--icon-delete-color-red);
}
//background-color: #fff !important;
opacity: 1 !important;
z-index: 140;
//padding: 0 20px;
.fa {
margin-right: 15px;
}
}
}
//Overrides transparent entry bullet on hover from server
#app-navigation{
.collapsible:hover .app-navigation-entry-bullet{
background: var(--color-primary) !important;
}
/* Custom bullet icon */
.app-navigation-entry-bullet-with-hover {
position: absolute;
display: block;
margin: 16px;
width: 12px;
height: 12px;
border: none;
border-radius: 50%;
cursor: pointer;
transition: background 100ms ease-in-out;
z-index: 101;
}
}
#app-navigation {
a{
.selected{
opacity: 1!important;
box-shadow: inset 4px 0 var(--color-primary)!important;
}
}
li {
.app-navigation-entry-bullet-color {
background-color: var(--color-primary);
}
.bullet-color-red {
background-color: #ff0000;
}
.bullet-color-yellow {
background-color: #ebbb00;
}
.bullet-color-green {
background-color: #4db728;
}
.highlight-selected {
background-color: var(--color-primary);
}
.autocomplete {
position: relative;
}
a.taginput {
opacity: 1;
}
a {
overflow: visible;
padding-left: 44px!important;
tags-input {
opacity: 1.0;
li {
width: auto !important;
}
}
}
}
}
.hidden-list{
display: none !important;
}
//source https://material.io/tools/icons/?icon=restore&style=baseline
.icon-expired{
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path d='M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z'/></svg>");
}