From 3c849942fe1ed8c6ae59caf289707cba919b80fd Mon Sep 17 00:00:00 2001 From: nicfreeman1209 Date: Thu, 1 Apr 2021 22:37:48 +0100 Subject: [PATCH] apply only when maximized --- src/components/modals/ReferenceModal.vue | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue index a4e90f2..8720a88 100644 --- a/src/components/modals/ReferenceModal.vue +++ b/src/components/modals/ReferenceModal.vue @@ -231,7 +231,7 @@ ul { } ul { li { - .icon { width: 5.1vh; } + .icon { width: 6vh; } .role { line-height: 100%; } .name { font-size: 100%; } .player { font-size: 100%; } @@ -240,6 +240,13 @@ ul { } } +/** trim icon size on maximized one-column sheet **/ +@media screen and (max-width: 991.98px) { + .characters .modal.maximized ul li .icon { + width: 5.1vh; + } +} + /** hide players when town square is set to "public" **/ #townsquare.public ~ .characters .modal .player { display: none;