From f2634ff86d7360b6477534408bb7fff02da6dabb Mon Sep 17 00:00:00 2001 From: Arkerthan <arkerthan@gmail.com> Date: Mon, 28 Dec 2020 00:31:11 +0100 Subject: [PATCH] Mostly split up mainStyleSheet.css --- css/003-sugarcube-overwrite/sidebar.css | 8 +++++ css/gui/favorite.css | 9 +++++ css/gui/tooltips/hasTooltip.css | 21 +++++++++++ css/interaction/slaveInteract.css | 7 ++++ src/gui/css/mainStyleSheet.css | 46 ------------------------- 5 files changed, 45 insertions(+), 46 deletions(-) create mode 100644 css/gui/favorite.css create mode 100644 css/gui/tooltips/hasTooltip.css create mode 100644 css/interaction/slaveInteract.css diff --git a/css/003-sugarcube-overwrite/sidebar.css b/css/003-sugarcube-overwrite/sidebar.css index b09893b63ac..a43d1b8df06 100644 --- a/css/003-sugarcube-overwrite/sidebar.css +++ b/css/003-sugarcube-overwrite/sidebar.css @@ -7,11 +7,19 @@ height: calc(100% - 1.5em); margin: 1.5em 0; } + #ui-bar-body > :not(:first-child) { /* margin-top: 2em; */ margin-top: 1.5em; } + #story-author { /* margin-top: 2em; */ margin-top: 0; } + +/* make cheat text boxes fit in sidebar */ +#story-caption input { + min-width: 0; + width: calc(100% - 0.8em - 2px); +} diff --git a/css/gui/favorite.css b/css/gui/favorite.css new file mode 100644 index 00000000000..e6069066bcd --- /dev/null +++ b/css/gui/favorite.css @@ -0,0 +1,9 @@ +.favorite, .favorite:hover { + color: yellow; + text-decoration: none; +} + +.not-favorite, .not-favorite:hover { + color: grey; + text-decoration: none; +} diff --git a/css/gui/tooltips/hasTooltip.css b/css/gui/tooltips/hasTooltip.css new file mode 100644 index 00000000000..1eaca7af0ac --- /dev/null +++ b/css/gui/tooltips/hasTooltip.css @@ -0,0 +1,21 @@ +/* TODO unify tooltip systems */ +.hasTooltip { + text-decoration: underline; +} + +/* interactable tooltip-like container - created/destroyed dynamically */ +.details-overlay { + display: inline-block; + font-size: smaller; + width: max-content; + height: max-content; + border-style: solid; + border-color: slategray; + border-width: 2px; + border-radius: 3px; + background-color: rgb(17, 17, 17); + padding: 3px; + position: absolute; + z-index: 2; + text-indent: 0; +} diff --git a/css/interaction/slaveInteract.css b/css/interaction/slaveInteract.css new file mode 100644 index 00000000000..587ffa72340 --- /dev/null +++ b/css/interaction/slaveInteract.css @@ -0,0 +1,7 @@ +.adjacent-slave { + font-weight: bold; +} + +.interact-name { + margin: 0 2em; +} diff --git a/src/gui/css/mainStyleSheet.css b/src/gui/css/mainStyleSheet.css index fc44f3dad14..47f48a5844f 100644 --- a/src/gui/css/mainStyleSheet.css +++ b/src/gui/css/mainStyleSheet.css @@ -15,49 +15,3 @@ div.cheat-menu { text-align: center; margin: 0 auto; } - -/* TODO unify tooltip systems */ -.hasTooltip { - text-decoration: underline; -} - -/* interactable tooltip-like container - created/destroyed dynamically */ -.details-overlay { - display: inline-block; - font-size: smaller; - width: max-content; - height: max-content; - border-style: solid; - border-color: slategray; - border-width: 2px; - border-radius: 3px; - background-color: rgb(17, 17, 17); - padding: 3px; - position: absolute; - z-index: 2; - text-indent: 0; -} - -/* make cheat textboxes fit in sidebar */ -#story-caption input { - min-width: 0; - width: calc(100% - 0.8em - 2px); -} - -/* slave interact navigation */ -.adjacent-slave { - font-weight: bold; -} -.interact-name { - margin: 0 2em; -} - -.favorite, .favorite:hover { - color: yellow; - text-decoration: none; -} - -.not-favorite, .not-favorite:hover { - color: grey; - text-decoration: none; -} -- GitLab