From 4cf6d2364a7abc92054af8c90ff070fdb8764249 Mon Sep 17 00:00:00 2001
From: Dorako <dirako@gmail.com>
Date: Sat, 26 Feb 2022 23:07:15 +0100
Subject: [PATCH] 1.3.4

---
 CHANGELOG.md                |   2 +
 styles/chat.css             |  55 ++++++++++-
 styles/dorako-ui.css        | 183 ------------------------------------
 styles/header-blue.css      |   2 +-
 styles/header-red.css       |   2 +-
 styles/token-action-hud.css |  22 ++++-
 6 files changed, 73 insertions(+), 193 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 05ed907..0428251 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,7 @@
 # 1.3.4
 Changed compact mode to client setting. Fixed issue in dark sheets. Themed foundry notifications.
+Fixed styling that broke due to data visibility changes in the newest foundry release
+
 # 1.3.3
 Fixed navbar context menu issue. Fixed Confetti overlap with Dice Tray. Added 'Plain' theme for PC sheets. Fixed secret text in NPC sheets.
 # 1.3.2
diff --git a/styles/chat.css b/styles/chat.css
index bfc8bb6..a2b63fd 100644
--- a/styles/chat.css
+++ b/styles/chat.css
@@ -25,6 +25,7 @@
     padding-top: 5px;
 } */
 
+
 .message-content .chat-damage-buttons button>i.fas {
     left: 0px;
     top: 0px;
@@ -737,7 +738,7 @@ message-content .chat-damage-buttons button {
     /* background: #818181; */
     background: none;
     background: var(--pf2e-translucent-very);
-    border: 1px dashed var(--pf2e-body-primary);
+    /* border: 1px dashed var(--pf2e-body-primary); */
     border-radius: 3px;
     box-sizing: border-box;
     margin-bottom: 0px;
@@ -964,9 +965,13 @@ button.half-damage .fa-heart-broken::after {
     background-color: var(--pf2e-color-mono-dark);
 }
 
+[data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all]) {
+    border-radius: 3px;
+}
+
 [data-visibility=gm]:is(div,em,h4,p,span,strong) {
-    border: 1px dotted;
-    border-radius: 5px;
+    /* border: 1px dotted; */
+    border: none;
     cursor: help;
 }
 
@@ -977,11 +982,51 @@ button.half-damage .fa-heart-broken::after {
 }
 
 [data-visibility=gm]:is(div,em,h4,p,span,strong) {
-    width: 100%;
+    /* width: 100%; */
     margin-bottom:0px;
 }
-.message .message-header .message-sender[data-visibility=gm]:is(div,em,h4,p,span,strong){
+
+[data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all])[data-visibility=owner] {
+    background:none;
+    background-color: #1f1fa830;
+    outline: 1px dashed #4646ffa0;
+
+}
+
+[data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all])[data-visibility=gm] {
+    background:none;
+    background-color: hsla(0,0%,50%,0.25);
+    outline: 1px dotted black;
+}
+
+[data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all])[data-visibility=owner] [data-visibility=owner] {
+    background: none;
+    background-color: none;
+}
+
+[data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all]) {
+    outline: 1px dashed;
+}
+
+.message-header [data-visibility]:is(div,em,h4,p,span,strong):not([data-visibility=all]) {
+    outline: 1px dashed var(--pf2e-body-primary);
+}
+
+.message .message-header.dark-header-text [data-visibility=gm]:is(div,em,h4,p,span,strong){
     background: hsla(0,0%,50%,0.25);
+    outline: 1px dashed black;
+    color: black;
+    /* mix-blend-mode: color-dodge; */
+}
+
+.message .result[data-visibility] {
+    padding: 3px;
+    margin-top: 3px;
+}
+
+.message .message-header.light-header-text .message-sender[data-visibility=gm]:is(div,em,h4,p,span,strong){
+    background: hsla(0,0%,50%,0.25);
+    color: white;
     /* mix-blend-mode: color-dodge; */
 }
 
diff --git a/styles/dorako-ui.css b/styles/dorako-ui.css
index 1dbcdc9..b8c1d5e 100644
--- a/styles/dorako-ui.css
+++ b/styles/dorako-ui.css
@@ -190,100 +190,6 @@ button > i {
 }
 
 
-
-/* 
-
-input[type=range] {
-    -webkit-appearance: unset;
-    margin: 18px 0;
-    width: 100%;
-    box-shadow: none !important;
-  }
-  input[type=range]:focus {
-    outline: none;
-    box-shadow: none !important;
-  }
-  input[type=range]::-webkit-slider-runnable-track {
-    width: 100%;
-    height: 8.4px;
-    cursor: pointer;
-    background: #3071a9;
-    border-radius: 1.3px;
-    box-shadow: none !important;
-  }
-  input[type=range]::-webkit-slider-thumb {
-    border: 1px solid #000000;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-    -webkit-appearance: none;
-    margin-top: -14px;
-    box-shadow: none !important;
-  }
-  input[type=range]:focus::-webkit-slider-runnable-track {
-    background: #367ebd;
-    box-shadow: none !important;
-  }
-  input[type=range]::-moz-range-track {
-    width: 100%;
-    height: 8.4px;
-    cursor: pointer;
-    background: #3071a9;
-    border-radius: 1.3px;
-    border: 0.2px solid #010101;
-    box-shadow: none !important;
-  }
-  input[type=range]::-moz-range-thumb {
-    border: 1px solid #000000;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-    box-shadow: none !important;
-  }
-  input[type=range]::-ms-track {
-    width: 100%;
-    height: 8.4px;
-    cursor: pointer;
-    background: transparent;
-    border-color: transparent;
-    border-width: 16px 0;
-    color: transparent;
-    box-shadow: none !important;
-  }
-  input[type=range]::-ms-fill-lower {
-    background: #2a6495;
-    border: 0.2px solid #010101;
-    border-radius: 2.6px;
-    box-shadow: none !important;
-  }
-  input[type=range]::-ms-fill-upper {
-    background: #3071a9;
-    border: 0.2px solid #010101;
-    border-radius: 2.6px;
-    box-shadow: none !important;
-  }
-  input[type=range]::-ms-thumb {
-    border: 1px solid #000000;
-    height: 36px;
-    width: 16px;
-    border-radius: 3px;
-    background: #ffffff;
-    cursor: pointer;
-    box-shadow: none !important;
-  }
-  input[type=range]:focus::-ms-fill-lower {
-    background: #3071a9;
-    box-shadow: none !important;
-  }
-  input[type=range]:focus::-ms-fill-upper {
-    background: #367ebd;
-    box-shadow: none !important;
-  } */
-
 .window-app {
       /* box-shadow: var(--glassy) !important; */
       border-radius:5px !important;
@@ -299,95 +205,6 @@ img {
   border-radius:0px;
 }
 
-
-
-/* button {
-  transition: transform 0.15s ease-in-out;
-}
-button:hover {
-  transition: transform 0.15s ease-in-out;
-  transform: scale(1.5);
-} */
-
-/* @keyframes pulse {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(1.1);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-button {
-  animation: pulse 3s infinite;
-}
-
-button:hover {
-  animation-play-state: paused;
-} */
-
-/* 
-* {margin: 0; padding: 0; box-sizing: border-box;}
-body {width: 100%; height: 100vh; background-color: #262626;}
-
-.center {
-  width: 100px;
-  height: 100px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.circle {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  border: 0px solid #fff;
-  border-radius: 50%;
-  overflow: hidden;
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -webkit-transform: translate3d(0, 0, 0);
-  -moz-transform: translate3d(0, 0, 0);
-  cursor:pointer;
-}
-.wave {
-  background-color: #3f68c5;
-  position: absolute;
-  top: 110%;
-  height: 200%;
-  width: 220%;
-  border-radius: 38%;
-  left: -50%;
-  transform: rotate(360deg);
-  transition: all 5s ease;
-  animation: wave 30s linear infinite;
-}
-@keyframes wave {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(3600deg); }
-}
-.circle:hover .wave {
-  top: 0%;
-} */
-
-/* @keyframes append-animate {
-	from {
-		transform: translateX(-100%);
-		opacity: 0;
-	}
-	to {
-		transform: translateX(0%);
-		opacity: 1;
-	}
-} */
-
 .crb-style .sheet-body .sheet-content .spell-list .item .spell-controls .spell-create {
   display: none;
 }
diff --git a/styles/header-blue.css b/styles/header-blue.css
index 56d0595..9cd1a41 100644
--- a/styles/header-blue.css
+++ b/styles/header-blue.css
@@ -1,4 +1,4 @@
-#chat-log .message .message-header {
+.message .message-header {
     background-color:var(--paizo-blue);
     background-image: var(--sheet-light);
     background-size: cover;
diff --git a/styles/header-red.css b/styles/header-red.css
index 38d21f0..f7d3d0d 100644
--- a/styles/header-red.css
+++ b/styles/header-red.css
@@ -1,4 +1,4 @@
-.message-header {
+.message .message-header {
     background-color:var(--paizo-red);
     background-image: var(--sheet-light);
     background-size: cover;
diff --git a/styles/token-action-hud.css b/styles/token-action-hud.css
index 4b7c17b..fca7760 100644
--- a/styles/token-action-hud.css
+++ b/styles/token-action-hud.css
@@ -49,6 +49,24 @@
     left: unset;
 }
 
+.tah-category.hover .tah-content {
+    left: -200px;
+}
+
+.tah-content {
+    gap: 0px;
+    padding: 10px !important;
+    margin: -5px;
+}
+
+/* #tah-hudTitle {
+    display: none
+} */
+
+.tah-title-button:hover, .tah-title-button:focus {
+    box-shadow: var(--glassy);
+}
+
 .tah-title-button>.fa {
     display: none;
 }
@@ -141,9 +159,7 @@
 }
 
 
-#tah-hudTitle {
-    display: none
-}
+
 
 .tah-content {
     gap: 0px;