updated

TODO.md

@@ -75,33 +75,41 @@
 -	x add modal geht bei enter key nicht zu -> liegt daran, dass ich nicht mehr .modal("hide") verwende
 	-	ich könnt's umstellen, aber will ich das?
 	-	nicht mehr aktuell
-
-### open
-
--	dafür sorgen, dass lange Namen nicht das Design sprengen -> https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/
--	Design
-	-	im Chromium sind die Slider für Damage im #combatant-modal ungestylet 
-	-	augmented-ui Fallstricke: 
-		-	--aug-[b|t|][l|r|] fkt. nur sicher mit Werten in px; em, rem, % etc. fkt. idR nicht
-		-	--aug-border-* fkt. nicht mit Wert 0, es muss 0px sein  
+-	x dafür sorgen, dass lange Namen nicht das Design sprengen -> https://www.design-fluide.com/09-12-2018/how-to-break-long-words-in-an-html-or-css-table/
+-	x (Re)Design
+	-	table anders aufteilen (cell width) (zB ist INI zu breit)
 	-	Seite für größere Screens anpassen (Schrift, Buttons, Icons skalieren)
 		-	Breakpoints: 600px, 1200px
-		-	Elementbreite begrenzen
+		-	Tabellenbreite begrenzen (mit Containerbreite immer ~95%)
 			-	viewport width <= 600px: 100%
 			-	viewport width > 600px: (100-x/24)% mit x = vWidth-600px
 			-	viewport widht > 1200: 75% 
-
 		-	nicht px benutzen, sondern vw/vh/vmin/vmax -> muss aber schauen, ob FF4And das unterstützt
 		-	clamp(minsize, relsize, maxsize)
 		-	auch mgl.: calc(0.75em + 1vw) (macht den Vergrößerungseffekt für große Viewports irrelevant)
-	-	make color scheme friendly for people with red green bindness (Felix)
+	-	slightly restyle elements
+		-	navbar: augmented-ui br clipping is too wide
+		-	x table: table row clipping not working -> liegt an td { clip-path: none; }
+		-	footer: smaller 
+	-	x use variables for repeating CSS values (box-shadow, text-shadow, button size etc.) 
+	-	augmented-ui Fallstricke: 
+			-	--aug-[b|t|][l|r|] fkt. nur sicher mit Werten in px; em, rem, % etc. fkt. idR nicht
+			-	--aug-border-* fkt. nicht mit Wert 0, es muss 0px sein  
+	-	x Design im Chromium checken (zB damage slider #combatant-modal)
+		-	-moz-… mit -webkit-… ergänzen
+	-	x make color scheme friendly for people with red green bindness (Felix)
 		-	see here: https://venngage.com/tools/accessible-color-palette-generator
-		-	Favicon nicht vergessen!!
-		-	tests
-			-	weiß: ghostwhite, white, lightgrey
+		-	Kandidaten
 			-	gelb: gold, yellow, orange
 			-	grün: lawngreen, lime, greenyellow
-			-	rot: orangered, red, darkred	
+
+
+
+
+### open
+
+-	color scheme beim Favicon anpassen
+
 -	im FP3T Tor Browser kann ich rauszoomen, bis ich die ganzen damage monitors und action menus sehe -> verhindern!
 	-	action-menu und damage-monitor sliden jetzt nicht mehr rein, sondern bleiben an Ort und Stelle
 	-	das sollte die Sache verhindern 
@@ -120,8 +128,6 @@
 
 -	Seite als Web App auf FF4And installable machen
 	-	mal sehen …
--	Seite auch mal im Chrome checken
-	-	-moz-… mit -webkit-… ergänzen
 -	Animationen? Transitions?
 -	deployment: dist/* soll direkt auf hermes hochgeladen werden
 	-	x warum sind im dist/-Folder immer zwei Versionen der gleichen Datei? -> lag an parcel-reporter-static-file-copy