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

top bar 40px to 30px

Browse Source
This commit is contained in:
RossAscends 2023-08-23 16:41:07 +09:00
parent 5474f29f2d
commit 02ce9ba563
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/scripts/RossAscends-mods.js
View File

@ -521,7 +521,7 @@ export function dragElement(elmnt) {
} }
//prevent resizing from top left into the top bar //prevent resizing from top left into the top bar
if (top < 40 && maxX >= topBarFirstX && left <= topBarFirstX if (top < 35 && maxX >= topBarFirstX && left <= topBarFirstX
) { ) {
console.debug('prevent topbar underlap resize') console.debug('prevent topbar underlap resize')
elmnt.css('width', width - 1 + "px"); elmnt.css('width', width - 1 + "px");
@ -556,7 +556,7 @@ export function dragElement(elmnt) {
} }
//prevent underlap with topbar div //prevent underlap with topbar div
if (top < 40 if (top < 35
&& (maxX >= topBarFirstX && left <= topBarFirstX //elmnt is hitting topbar from left side && (maxX >= topBarFirstX && left <= topBarFirstX //elmnt is hitting topbar from left side
|| left <= topBarLastX && maxX >= topBarLastX //elmnt is hitting topbar from right side || left <= topBarLastX && maxX >= topBarLastX //elmnt is hitting topbar from right side
|| left >= topBarFirstX && maxX <= topBarLastX) //elmnt hitting topbar in the middle || left >= topBarFirstX && maxX <= topBarLastX) //elmnt hitting topbar in the middle

14
public/style.css
View File

@ -373,7 +373,7 @@ hr {
left: 0; left: 0;
right: 0; right: 0;
display: inline-block; display: inline-block;
height: 40px; height: 35px;
position: absolute; position: absolute;
border-bottom: 1px solid var(--grey30a); border-bottom: 1px solid var(--grey30a);
box-shadow: 0 2px 20px 0 var(--black70a); box-shadow: 0 2px 20px 0 var(--black70a);
@ -386,14 +386,14 @@ hr {
#sheld { #sheld {
display: grid; display: grid;
grid-template-rows: auto min-content; grid-template-rows: auto min-content;
height: calc(100vh - 42px); height: calc(100vh - 36px);
height: calc(100svh - 42px); height: calc(100svh - 36px);
overflow-x: hidden; overflow-x: hidden;
/* max-width: 50vw; */ /* max-width: 50vw; */
position: absolute; position: absolute;
left: calc((100vw - var(--sheldWidth))/2); left: calc((100vw - var(--sheldWidth))/2);
left: calc((100svw - var(--sheldWidth))/2); left: calc((100svw - var(--sheldWidth))/2);
top: 41px; top: 36px;
margin: 0 auto; margin: 0 auto;
left: 0; left: 0;
right: 0; right: 0;
@ -3016,8 +3016,8 @@ a {
#top-settings-holder { #top-settings-holder {
margin: 0 auto; margin: 0 auto;
padding-top: 5px; padding-top: 2px;
height: 40px; height: 30px;
/* max-width: var(--sheldWidth); */ /* max-width: var(--sheldWidth); */
justify-content: center; justify-content: center;
display: grid; display: grid;
@ -3039,7 +3039,7 @@ a {
.drawer-icon { .drawer-icon {
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
font-size: 1.8rem; font-size: 25px;
} }
.drawer-icon.openIcon { .drawer-icon.openIcon {