Minor css fixes to dark mode

css fixes to dark mode:
to add group and album icon, made full and not outline
user manager page padding reduce on outline element to take 2px outline into account
Dashboard storage chart made opacity 1
Change color for amount displayed per page
This commit is contained in:
Hannah
2021-05-28 07:46:29 +02:00
parent eef63740f0
commit 0744d41bf5
3 changed files with 31 additions and 4 deletions

View File

@@ -21,7 +21,7 @@ jQuery(document).ready(function(){
<div class="categoryContainer">
<div class="addAlbum">
<div class="addAlbumHead">
<span class="icon-plus-circled icon-blue"></span>
<span class="icon-plus-circled icon-blue-full"></span>
<p>{"Add Album"|@translate}
</div>
<form action="{$F_ACTION}" method="post">

View File

@@ -170,7 +170,7 @@ usersCache.selectize(jQuery('select.UserSearch'));
<div id="addGroupForm" class="GroupContainer">
<div class="groupError icon-cancel"></div>
<div class="addGroupBlock">
<div class="icon-plus-circled icon-blue"></div>
<div class="icon-plus-circled icon-blue-full"></div>
<p id="addGroup">{'Add group'|translate}</p>
</div>
<form>

View File

@@ -136,13 +136,22 @@ ul.actions, .content form#waiting {text-align:center;}
}
.pagination-per-page span {
color: #777;
color: #c1c1c1;
}
.pagination-per-page a{
color:#c1c1c1;
}
.pagination-per-page a:hover {
background-color: #888; color: #444;
}
.selected-pagination{
background:orange!important;
color:#444!important;
}
/* jQuery tooltips */
.ui-tooltip {
color: #eee;
@@ -1064,6 +1073,11 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
color: #379bbc;
}
.icon-blue-full {
background-color:#1C5B88;
color: #379bbc;
}
.icon-green {
border:2px solid #4ac641;
color: #4ac641;
@@ -1206,6 +1220,10 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
border: solid #c76a23 2px;
}
.user-groups{
padding: 6px 15px!important;
}
/*****/
.group-bonus {
@@ -1282,4 +1300,13 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
}
.user-property-input.user-property-input-password:hover {
background-color: #333;
}
}
.lineView .user-container-initials-wrapper > span {
height: 31px!important;
width: 31px!important;
}
.storage-chart span{
opacity:1;
}