fix(style): use calc function

cyevgeniy · cyevgeniy · commit 8e8fd2717ed7 · 2023-10-04T01:40:16.000+03:00
diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
@@ -450,7 +450,7 @@ ul#searchresults span.teaser em {
     z-index: -1;
 }
 [dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
-    transform: translateX(var(--sidebar-width) + var(--sidebar-resize-indicator-width));
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
 }
 .sidebar::-webkit-scrollbar {
     background: var(--sidebar-bg);
@@ -461,7 +461,7 @@ ul#searchresults span.teaser em {
 
 /* sidebar-visible */
 #sidebar-toggle-anchor:checked ~ .page-wrapper {
-    transform: translateX(var(--sidebar-width) + var(--sidebar-resize-indicator-width));
+    transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));
 }
 [dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
     transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));

Original file line number	Diff line number	Diff line change
`@@ -450,7 +450,7 @@ ul#searchresults span.teaser em {`
`450`	`450`	`z-index: -1;`
`451`	`451`	`}`
`452`	`452`	`[dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {`
`453`		`- transform: translateX(var(--sidebar-width) + var(--sidebar-resize-indicator-width));`
	`453`	`+ transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));`
`454`	`454`	`}`
`455`	`455`	`.sidebar::-webkit-scrollbar {`
`456`	`456`	`background: var(--sidebar-bg);`
`@@ -461,7 +461,7 @@ ul#searchresults span.teaser em {`
`461`	`461`
`462`	`462`	`/* sidebar-visible */`
`463`	`463`	`#sidebar-toggle-anchor:checked ~ .page-wrapper {`
`464`		`- transform: translateX(var(--sidebar-width) + var(--sidebar-resize-indicator-width));`
	`464`	`+ transform: translateX(calc(var(--sidebar-width) + var(--sidebar-resize-indicator-width)));`
`465`	`465`	`}`
`466`	`466`	`[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {`
`467`	`467`	`transform: translateX(calc(0px - var(--sidebar-width) - var(--sidebar-resize-indicator-width)));`