Chevrons can overlap with other elements. (#4878) * Attempt to fix overlapping chevrons. https://github.com/SillyTavern/SillyTavern/pull/4712#issuecomment-3639322664 * Removed supports. * swipeRightBlock now has pointer-events:none. * Add pointer events to swipes-counter --------- Co-authored-by: user <user@exmaple.com> Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

98dd31b7f58031d328355c8617e1ac2c6de4568c

DeclineThyself <235079501+DeclineThyself@users.noreply.github.com>

Signed
Parents: 7da38faf60def2594ca1511c7dde00f06edbfc21
1 files changed, +5 -0Ignore whitespace
public/style.css+5 -0
@@ -1246,6 +1246,7 @@ body .panelControlBar {
12461246 font-size: 20px;
12471247 cursor: pointer;
12481248 align-self: center;
1249+ pointer-events: auto;
12491250}
12501251
12511252.swipe_left {
@@ -1258,6 +1259,7 @@ body .panelControlBar {
12581259 position: absolute;
12591260 right: 0;
12601261 bottom: 0;
1262+ pointer-events: none;
12611263}
12621264
12631265.swipes-counter {
@@ -1273,6 +1275,7 @@ body .panelControlBar {
12731275 justify-content: center;
12741276 margin-bottom: var(--swipeCounterMargin);
12751277 height: var(--swipeCounterHeight);
1278+ pointer-events: auto;
12761279}
12771280
12781281
@@ -1333,6 +1336,8 @@ body.hideAllSwipeButtons :is(.swipe_left, .swipe_right),
13331336 /* With display:none, the swipes-counter div wil collapse, shifting the chevron. */
13341337 visibility: hidden;
13351338 /* Interactivity has limited availability https://caniuse.com/?search=interactivity */
1339+ interactivity: inert;
1340+ pointer-events: none;
13361341}
13371342
13381343.ui-settings {