Smaller swipe arrows

cd297f926eb2ec0a289728bbdf8fb113dc87d01f

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 77470502339c829640eeab9fe78ff66c7395acf5
1 files changed, +15 -8Showing whitespace changes
public/style.css+15 -8
@@ -969,23 +969,28 @@ body .panelControlBar {
969969
970970/* SWIPE RELATED STYLES*/
971971
972+.mes {
973+ --swipeCounterHeight: 15px;
974+ --swipeCounterMargin: 5px;
975+}
976+
972977.swipe_right,
973978.swipe_left {
974979 heightwidth: 40px25px;
975980 widthheight: 40px25px;
976981 opacity: 0.3;
977982 align-items: center;
978983 justify-content: center;
979984 z-index: 9999;
980985 grid-row-start: 2;
981986 font-size: 30px20px;
982987 cursor: pointer;
983988 align-self: center;
984-
985989}
990+
986991.swipe_left {
987992 position: absolute;
988-bottom: 15px;
993+ bottom: calc(var(--swipeCounterHeight) + var(--swipeCounterMargin));
989994 flex-flow: column;
990995}
991996
@@ -995,17 +1000,19 @@ flex-flow: column;
9951000 bottom: 0;
9961001}
9971002
998-
9991003.swipes-counter {
10001004 color: var(--SmartThemeBodyColor);
10011005 font-size: 12px;
10021006 padding: 0 5px;
10031007 font-family: var(--mainFontFamily);
10041008 font-weight: 400;
10051009 align-self: center;
10061010 min-width: 40px;
10071011 display: flex;
10081012 justify-content: center;
1013+ opacity: 0.7;
1014+ margin-bottom: var(--swipeCounterMargin);
1015+ height: var(--swipeCounterHeight);
10091016}
10101017
10111018.swipe_left {
@@ -1015,7 +1022,7 @@ flex-flow: column;
10151022
10161023.swipe_right {
10171024 right: 5px;
10181025 align-self:end center;
10191026}
10201027
10211028.ui-settings {