diff --git a/auto-image-complete-styles.css b/auto-image-complete-styles.css index deef55f..469a74b 100644 --- a/auto-image-complete-styles.css +++ b/auto-image-complete-styles.css @@ -10,6 +10,37 @@ max-width: 400px !important; } +/* Stats Container Positioning */ +#wplace-stats-container { + position: fixed !important; + top: 60px !important; + right: 20px !important; + z-index: 10001 !important; + max-width: 350px !important; +} + +/* Resize Dialog Containers */ +.resize-container { + position: fixed !important; + top: 50% !important; + left: 50% !important; + transform: translate(-50%, -50%) !important; + z-index: 100000 !important; + max-width: 90vw !important; + max-height: 90vh !important; +} + +.resize-overlay { + position: fixed !important; + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; + background: rgba(0, 0, 0, 0.8) !important; + z-index: 99999 !important; + display: none !important; +} + /* CSS Custom Properties for Dynamic Values */ :root { /* Default Theme Colors */ @@ -247,7 +278,7 @@ border: var(--wplace-border-width) var(--wplace-border-style) var(--wplace-accent); border-radius: var(--wplace-border-radius); padding: 0; - z-index: 10002; + z-index: 100001; display: none; color: var(--wplace-text); font-family: "Segoe UI", Roboto, sans-serif; @@ -507,7 +538,7 @@ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); - z-index: 9999; + z-index: 100002; display: none; } @@ -644,7 +675,7 @@ top: 50%; left: 50%; transform: translate(-50%, -50%); - z-index: 10002; + z-index: 100001; display: none; font-family: "Segoe UI", Roboto, sans-serif; min-width: 400px;