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 -0Showing whitespace changes
public/style.css+5 -0
@@ -1246,6 +1246,7 @@ body .panelControlBar {
1246 font-size: 20px;1246 font-size: 20px;
1247 cursor: pointer;1247 cursor: pointer;
1248 align-self: center;1248 align-self: center;
1249 pointer-events: auto;
1249}1250}
12501251
1251.swipe_left {1252.swipe_left {
@@ -1258,6 +1259,7 @@ body .panelControlBar {
1258 position: absolute;1259 position: absolute;
1259 right: 0;1260 right: 0;
1260 bottom: 0;1261 bottom: 0;
1262 pointer-events: none;
1261}1263}
12621264
1263.swipes-counter {1265.swipes-counter {
@@ -1273,6 +1275,7 @@ body .panelControlBar {
1273 justify-content: center;1275 justify-content: center;
1274 margin-bottom: var(--swipeCounterMargin);1276 margin-bottom: var(--swipeCounterMargin);
1275 height: var(--swipeCounterHeight);1277 height: var(--swipeCounterHeight);
1278 pointer-events: auto;
1276}1279}
12771280
12781281
@@ -1333,6 +1336,8 @@ body.hideAllSwipeButtons :is(.swipe_left, .swipe_right),
1333 /* With display:none, the swipes-counter div wil collapse, shifting the chevron. */1336 /* With display:none, the swipes-counter div wil collapse, shifting the chevron. */
1334 visibility: hidden;1337 visibility: hidden;
1335 /* Interactivity has limited availability https://caniuse.com/?search=interactivity */1338 /* Interactivity has limited availability https://caniuse.com/?search=interactivity */
1339 interactivity: inert;
1340 pointer-events: none;
1336}1341}
13371342
1338.ui-settings {1343.ui-settings {