tweaked left/right panel and lock icon header stylings

This commit is contained in:
RossAscends
2023-04-18 08:05:56 +09:00
parent b13b1dc835
commit 1ae8827fa9
2 changed files with 21 additions and 4 deletions

View File

@@ -70,7 +70,7 @@
<div id="left-nav-panel" class="drawer-content fillLeft closedDrawer"> <div id="left-nav-panel" class="drawer-content fillLeft closedDrawer">
<div id="left-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div> <div id="left-nav-panelheader" class="fa-solid fa-grip drag-grabber"></div>
<div class="right_menu_button" id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open"> <div id="lm_button_panel_pin_div" title="Locked = AI Configuration panel will stay open">
<input type="checkbox" id="lm_button_panel_pin"> <input type="checkbox" id="lm_button_panel_pin">
<label for="lm_button_panel_pin"> <label for="lm_button_panel_pin">
<div class="unchecked fa-solid fa-lock-open "></div> <div class="unchecked fa-solid fa-lock-open "></div>

View File

@@ -761,6 +761,18 @@ input[type="file"] {
#rm_button_panel_pin_div, #rm_button_panel_pin_div,
#lm_button_panel_pin_div { #lm_button_panel_pin_div {
font-size: 24px; font-size: 24px;
display: inline;
}
#rm_button_panel_pin_div,
#lm_button_panel_pin_div {
opacity: 0.5;
transition: 0.3s;
}
#rm_button_panel_pin_div:hover,
#lm_button_panel_pin_div:hover {
opacity: 1;
} }
#lm_button_panel_pin_div { #lm_button_panel_pin_div {
@@ -774,12 +786,12 @@ input[type="file"] {
#rm_button_panel_pin:checked+label, #rm_button_panel_pin:checked+label,
#lm_button_panel_pin:checked+label { #lm_button_panel_pin:checked+label {
display: block; display: inline;
} }
#rm_button_panel_pin:checked+label .checked, #rm_button_panel_pin:checked+label .checked,
#lm_button_panel_pin:checked+label .checked { #lm_button_panel_pin:checked+label .checked {
display: block; display: inline;
} }
#rm_button_panel_pin:checked+label .unchecked, #rm_button_panel_pin:checked+label .unchecked,
@@ -794,12 +806,17 @@ input[type="file"] {
#rm_button_panel_pin:not(:checked)+label .unchecked, #rm_button_panel_pin:not(:checked)+label .unchecked,
#lm_button_panel_pin:not(:checked)+label .unchecked { #lm_button_panel_pin:not(:checked)+label .unchecked {
display: block; display: inline;
} }
#rm_button_selected_ch { #rm_button_selected_ch {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
opacity: 0.5;
}
#rm_button_selected_ch:hover {
opacity: 1;
} }
#rm_button_selected_ch h2 { #rm_button_selected_ch h2 {