Fixes #1400 ViewSelector in DarkMode done

ViewSelector for Plugin Manager, User Manager and Album manager.
This commit is contained in:
Matthieu Leproux
2021-05-06 14:38:43 +02:00
parent 0996526e4b
commit 88622c0d91
5 changed files with 52 additions and 35 deletions

View File

@@ -97,7 +97,6 @@ jQuery(document).ready(function(){
padding: 7px 0px;
margin-right: 0px;
border-radius: 10px;
background: #fafafa !important;
}
.AlbumViewSelector span {
@@ -126,15 +125,6 @@ jQuery(document).ready(function(){
transition: 0.3s;
}
.AlbumViewSelector input:checked + label{
background: transparent;
color: white !important;
}
.AlbumViewSelector input:checked + label span{
background: orange;
}
.switchLayout {
display: none;
}
@@ -143,7 +133,6 @@ jQuery(document).ready(function(){
font-size: 14px;
}
.categoryContainer {
padding: 0 20px 0 20px;
}

View File

@@ -405,7 +405,6 @@ jQuery(".pluginMiniBox").each(function(index){
padding: 0px;
margin-right: 0px;
border-radius: 7px;
{* background: #fafafa !important; *}
}
.AlbumViewSelector span {
@@ -430,15 +429,6 @@ jQuery(".pluginMiniBox").each(function(index){
transition: 0.3s;
}
.AlbumViewSelector input:checked + label{
background: transparent;
color: white;
}
.AlbumViewSelector input:checked + label span{
background: orange;
}
.switchLayout {
display: none;
}

View File

@@ -2077,7 +2077,6 @@ Advanced filter
padding: 6px 0px;
margin-right: 0px;
border-radius: 10px;
background: #fafafa !important;
position: absolute;
z-index: 2;
@@ -2106,15 +2105,6 @@ Advanced filter
transition: 0.3s;
}
.UserViewSelector input:checked + label{
background: transparent;
color: white !important;
}
.UserViewSelector input:checked + label span{
background: orange;
}
.switchLayout {
display: none;
}

View File

@@ -4903,4 +4903,22 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
text-decoration: none;
}
.doubleSelect p {display:flex; justify-content: center;}
.doubleSelect p {display:flex; justify-content: center;}
/* View selectors css (colors)*/
.AlbumViewSelector, .UserViewSelector {
background: #fafafa !important;
}
.AlbumViewSelector input:checked + label,
.UserViewSelector input:checked + label{
background: transparent;
color: white;
}
.AlbumViewSelector input:checked + label span,
.UserViewSelector input:checked + label span{
background: orange;
}

View File

@@ -277,8 +277,6 @@ a.stat-box:hover {
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
.AlbumViewSelector {background: #555555;}
.AlbumViewSelector input:checked + label span {color: #999999;}
.pluginBox, .pluginContent, .pluginMiniBox, .groups li, .groups .GroupContainer {background-color:#333;color:#999;border-right-color:#333; box-shadow: none;}
.pluginMiniBox {border-left: none;}
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#aaa;}
@@ -804,7 +802,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
.buttonSeparator {color: #c1c1c1;}
#cboxTitle {color: #7f7f7f !important;}
#addAlbumForm {color: #999;}
.selectedAlbum span {background-color: #555; color: #999;}
#uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
.addFilesButtonChanged {background-color: #888;}
.addFilesButtonChanged:hover {background-color: #777;}
@@ -1106,4 +1103,37 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
.move-cat-container .move-cat-toogler{
color:#ffa744;
}
/*Album view selector css*/
.AlbumViewSelector, .UserViewSelector {
background:#555 !important;
}
.AlbumViewSelector input:checked + label,
.UserViewSelector input:checked + label{
background: transparent;
color: white;
}
.AlbumViewSelector input:checked + label span,
.UserViewSelector input:checked + label span{
background: orange;
}
.AlbumViewSelector input:checked + label .icon-th-large,
.AlbumViewSelector input:checked + label .icon-th-list,
.AlbumViewSelector input:checked + label .icon-pause {
color: #444;
}
.UserViewSelector input:checked + label .icon-th-large,
.UserViewSelector input:checked + label .icon-th-list,
.UserViewSelector input:checked + label .icon-pause {
color: #444;
}
.icon-th-large, .icon-th-list, .icon-pause {
color: #c1c1c1;
}