rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-02-26 08:58:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

finally add theme styles to checkboxes

Browse Source
This commit is contained in:
RossAscends 2023-11-05 15:47:29 +09:00
parent a1b943dbbc
commit 19c0100983
2 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/script.js
View File

@ -5394,7 +5394,7 @@ function openMessageDelete() {
$("#send_form").css("display", "none"); $("#send_form").css("display", "none");
$(".del_checkbox").each(function () { $(".del_checkbox").each(function () {
if ($(this).parent().attr("mesid") != 0) { if ($(this).parent().attr("mesid") != 0) {
$(this).css("display", "block"); $(this).css("display", "grid");
$(this).parent().children(".for_checkbox").css("display", "none"); $(this).parent().children(".for_checkbox").css("display", "none");
} }
}); });

61
public/style.css
View File

@ -2129,15 +2129,6 @@ grammarly-extension {
gap: 5px; gap: 5px;
} }
/* STLYES FOR THE CHAT MESSAGE DELETION CHECKBOXES */
/* ------------------------------------------------*/
.del_checkbox {
display: none;
opacity: 0.7;
margin-top: 12px;
margin-right: 12px;
}
/* Override toastr default styles */ /* Override toastr default styles */
body #toast-container { body #toast-container {
@ -2156,7 +2147,7 @@ body #toast-container>div {
display: block; display: block;
} }
input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin) { input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin) {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
@ -2166,37 +2157,47 @@ input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin) {
height: var(--mainFontSize); height: var(--mainFontSize);
overflow: hidden; overflow: hidden;
border-radius: 3px; border-radius: 3px;
background-color: white; border: 1px solid var(--SmartThemeBorderColor);
background-color: var(--SmartThemeBlurTintColor);
box-shadow: inset 0 0 3px 0 var(--black70a); box-shadow: inset 0 0 3px 0 var(--black70a);
cursor: pointer; cursor: pointer;
transform: translateY(-0.075em);
flex-shrink: 0; flex-shrink: 0;
place-content: center;
} }
input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin)::after { input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin):not(.del_checkbox) {
content: ''; display: grid;
color: var(--white100); }
position: absolute;
top: 1px; input[type="checkbox"]:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin)::before {
right: 1px; content: "";
bottom: 1px; width: 0.65em;
left: 1px; height: 0.65em;
background-color: var(--transparent);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border-radius: 2px;
-webkit-transform: scale(0);
transform: scale(0); transform: scale(0);
-webkit-transition: 0.25s ease-in-out; transition: 120ms transform ease-in-out;
transition: 0.25s ease-in-out; box-shadow: inset 1em 1em var(--SmartThemeBodyColor);
background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo="); transform-origin: bottom left;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
} }
input[type='checkbox']:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):checked::after { input[type="checkbox"]:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin):checked::before {
-webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
} }
input[type="checkbox"]:not(#nav-toggle):not(#rm_button_panel_pin):not(#lm_button_panel_pin):not(#WI_panel_pin):disabled {
color: grey;
cursor: not-allowed;
}
.del_checkbox {
display: none;
opacity: 0.7;
margin-top: 12px;
margin-right: 12px;
}
#user_avatar_block { #user_avatar_block {
display: flex; display: flex;
grid-gap: 10px; grid-gap: 10px;