From 8e8fd2717ed72739eb5b40601e311c022ba4c99e Mon Sep 17 00:00:00 2001 From: Evgeny Chaban Date: Wed, 4 Oct 2023 01:40:16 +0300 Subject: [PATCH] fix(style): use calc function --- src/theme/css/chrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css index 5ff3c232..ff4b3c06 100644 --- 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)));