diff --git a/src/components/404.jsx b/src/components/404.jsx index 573a15542..a49bad106 100644 --- a/src/components/404.jsx +++ b/src/components/404.jsx @@ -22,6 +22,7 @@ const InnerContainer = styled.div` position: absolute; top: 0; overflow-y: auto; + scrollbar-width: thin; /* prevent layout shift when scrollbar appears */ scrollbar-gutter: stable; color: black !important; @@ -53,7 +54,10 @@ const PageTitle = styled(Typography)` padding-top: 15px; padding-bottom: 0; font-weight: 700 !important; - text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white, + text-shadow: + 2px 2px 3px white, + -2px -2px 3px white, + 2px -2px 3px white, -2px 2px 3px white; @media (min-width: 700px) { padding-top: 20px; @@ -72,7 +76,10 @@ const TextContainer = styled.div` display: flex; justify-content: center; font-weight: 700 !important; - text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white, + text-shadow: + 2px 2px 3px white, + -2px -2px 3px white, + 2px -2px 3px white, -2px 2px 3px white; ` const Text = styled(Typography)` @@ -81,7 +88,10 @@ const Text = styled(Typography)` font-weight: 700 !important; ` const StyledButton = styled(Button)` - text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white, + text-shadow: + 2px 2px 3px white, + -2px -2px 3px white, + 2px -2px 3px white, -2px 2px 3px white; border-color: white !important; margin-top: 10px !important; diff --git a/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx b/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx index 81a365cca..9742317de 100644 --- a/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx +++ b/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx @@ -23,6 +23,7 @@ const Container = styled.div` ` const FieldsContainer = styled.div` overflow-y: auto; + scrollbar-width: thin; ` const FormContainer = styled.div` padding: 10px; diff --git a/src/components/Projekte/Daten/User/index.jsx b/src/components/Projekte/Daten/User/index.jsx index e2ac184bb..c673102c0 100644 --- a/src/components/Projekte/Daten/User/index.jsx +++ b/src/components/Projekte/Daten/User/index.jsx @@ -38,6 +38,7 @@ const Container = styled.div` ` const ScrollContainer = styled.div` overflow-y: auto; + scrollbar-width: thin; ` const StyledForm = styled.div` padding: 10px; diff --git a/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx b/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx index cd8737837..a7fe6dd23 100644 --- a/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx +++ b/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx @@ -20,6 +20,7 @@ const StyledPopupContent = styled.div` ` const PopupContainer = styled.div` overflow: auto; + scrollbar-width: thin; max-height: ${(props) => `${props.maxheight}px`}; span { font-size: x-small !important; diff --git a/src/main.jsx b/src/main.jsx index 4fa20df60..50845af7d 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -2,7 +2,7 @@ import React from 'react' import ReactDOM from 'react-dom/client' import { registerSW } from 'virtual:pwa-register' -import App from './App' +import App from './App.jsx' // https://vite-pwa-org.netlify.app/guide/auto-update.html registerSW({ immediate: true })