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
@@ -97,7 +97,6 @@ jQuery(document).ready(function(){
padding: 7px 0px; padding: 7px 0px;
margin-right: 0px; margin-right: 0px;
border-radius: 10px; border-radius: 10px;
background: #fafafa !important;
} }
.AlbumViewSelector span { .AlbumViewSelector span {
@@ -126,15 +125,6 @@ jQuery(document).ready(function(){
transition: 0.3s; transition: 0.3s;
} }
.AlbumViewSelector input:checked + label{
background: transparent;
color: white !important;
}
.AlbumViewSelector input:checked + label span{
background: orange;
}
.switchLayout { .switchLayout {
display: none; display: none;
} }
@@ -143,7 +133,6 @@ jQuery(document).ready(function(){
font-size: 14px; font-size: 14px;
} }
.categoryContainer { .categoryContainer {
padding: 0 20px 0 20px; padding: 0 20px 0 20px;
} }
@@ -405,7 +405,6 @@ jQuery(".pluginMiniBox").each(function(index){
padding: 0px; padding: 0px;
margin-right: 0px; margin-right: 0px;
border-radius: 7px; border-radius: 7px;
{* background: #fafafa !important; *}
} }
.AlbumViewSelector span { .AlbumViewSelector span {
@@ -430,15 +429,6 @@ jQuery(".pluginMiniBox").each(function(index){
transition: 0.3s; transition: 0.3s;
} }
.AlbumViewSelector input:checked + label{
background: transparent;
color: white;
}
.AlbumViewSelector input:checked + label span{
background: orange;
}
.switchLayout { .switchLayout {
display: none; display: none;
} }
@@ -2077,7 +2077,6 @@ Advanced filter
padding: 6px 0px; padding: 6px 0px;
margin-right: 0px; margin-right: 0px;
border-radius: 10px; border-radius: 10px;
background: #fafafa !important;
position: absolute; position: absolute;
z-index: 2; z-index: 2;
@@ -2106,15 +2105,6 @@ Advanced filter
transition: 0.3s; transition: 0.3s;
} }
.UserViewSelector input:checked + label{
background: transparent;
color: white !important;
}
.UserViewSelector input:checked + label span{
background: orange;
}
.switchLayout { .switchLayout {
display: none; display: none;
} }
+19 -1
View File
@@ -4903,4 +4903,22 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
text-decoration: none; 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;
}
+33 -3
View File
@@ -277,8 +277,6 @@ a.stat-box:hover {
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;} #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;} .pluginBox, .pluginContent, .pluginMiniBox, .groups li, .groups .GroupContainer {background-color:#333;color:#999;border-right-color:#333; box-shadow: none;}
.pluginMiniBox {border-left: none;} .pluginMiniBox {border-left: none;}
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#aaa;} .pluginBoxNameCell, .pluginMiniBoxNameCell {color:#aaa;}
@@ -804,7 +802,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
.buttonSeparator {color: #c1c1c1;} .buttonSeparator {color: #c1c1c1;}
#cboxTitle {color: #7f7f7f !important;} #cboxTitle {color: #7f7f7f !important;}
#addAlbumForm {color: #999;} #addAlbumForm {color: #999;}
.selectedAlbum span {background-color: #555; color: #999;}
#uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;} #uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
.addFilesButtonChanged {background-color: #888;} .addFilesButtonChanged {background-color: #888;}
.addFilesButtonChanged:hover {background-color: #777;} .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{ .move-cat-container .move-cat-toogler{
color:#ffa744; 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;
} }