🐛 Fikser markering av tekst

* Nå er det bare når anonymisering er på man ikke kan markere teksten, ikke alltid

Author: elitho

Diff for: src/app/globals.css

@@ -39,16 +39,19 @@
     --anonymous-color: var(--anonymous-background);
     --anonymous-border-radius: 0.25rem;
     --anonymous-opacity: 0;
+    --anonymous-user-select: none;
 
     --visible-color: unset;
     --visible-background: unset;
     --visible-border-radius: unset;
     --visible-opacity: 1;
+    --visible-user-select: unset;
 
     --anonymizable-background: unset;
     --anonymizable-color: unset;
     --anonymizable-border-radius: unset;
     --anonymizable-opacity: 1;
+    --anonymizable-user-select: unset;
 }
 
 html,

Diff for: src/components/anonymizable/AnonymizationProvider.tsx

@@ -7,13 +7,15 @@ const anomizedStyle = {
     '--anonymizable-color': 'var(--anonymous-color)',
     '--anonymizable-border-radius': 'var(--anonymous-border-radius)',
     '--anonymizable-opacity': 'var(--anonymous-opacity)',
+    '--anonymizable-user-select': 'var(--anonymous-user-select)',
 } as CSSProperties;
 
 const visibleStyle = {
     '--anonymizable-background': 'var(--visible-background)',
     '--anonymizable-color': 'var(--visible-color)',
     '--anonymizable-border-radius': 'var(--visible-border-radius)',
     '--anonymizable-opacity': 'var(--visible-opacity)',
+    '--anonymizable-user-select': 'var(--visible-user-select)',
 } as CSSProperties;
 
 export const AnonymiseringProvider = ({ children }: PropsWithChildren) => {

Diff for: src/components/anonymizable/Anonymous.module.css

@@ -2,10 +2,11 @@
     color: var(--anonymizable-color);
     background-color: var(--anonymizable-color);
     border-radius: var(--anonymizable-border-radius);
+    user-select: var(--anonymizable-user-select);
     width: fit-content;
 }
 
-.Anonymous::selection,
 .Anonymous * {
-    opacity: 1;
+    opacity: var(--anonymizable-opacity);
+    user-select: var(--anonymizable-user-select);
 }