From 0afb5edc0bc0a663a1bebb846aafd3454456d114 Mon Sep 17 00:00:00 2001 From: Arkerthan <arkerthan@gmail.com> Date: Mon, 28 Dec 2020 00:30:22 +0100 Subject: [PATCH] Move gui/ styles to CSS module --- {src/gui/css => css/gui}/accordion.css | 0 css/gui/linksStrip.css | 20 ++++++ {src/gui/css => css/gui}/options.css | 0 .../003-assets/CSS => css/gui}/quicklinks.css | 0 {src/003-assets/CSS => css/gui}/tabs.css | 0 css/gui/tooltips/textWithTooltip.css | 48 +++++++++++++ src/003-assets/CSS/links.css | 68 ------------------- 7 files changed, 68 insertions(+), 68 deletions(-) rename {src/gui/css => css/gui}/accordion.css (100%) create mode 100644 css/gui/linksStrip.css rename {src/gui/css => css/gui}/options.css (100%) rename {src/003-assets/CSS => css/gui}/quicklinks.css (100%) rename {src/003-assets/CSS => css/gui}/tabs.css (100%) create mode 100644 css/gui/tooltips/textWithTooltip.css delete mode 100644 src/003-assets/CSS/links.css diff --git a/src/gui/css/accordion.css b/css/gui/accordion.css similarity index 100% rename from src/gui/css/accordion.css rename to css/gui/accordion.css diff --git a/css/gui/linksStrip.css b/css/gui/linksStrip.css new file mode 100644 index 00000000000..2ae24c63586 --- /dev/null +++ b/css/gui/linksStrip.css @@ -0,0 +1,20 @@ +ul.choicesStrip { + display: inline; + list-style-type: none; + padding: 0mm; + margin-left: 0em; +} + +ul.choicesStrip li { + display: inline; +} + +ul.choicesStrip li + li:before { + content: " | "; +} + +a.disabled { + color: white; + pointer-events: none; + cursor: default; +} diff --git a/src/gui/css/options.css b/css/gui/options.css similarity index 100% rename from src/gui/css/options.css rename to css/gui/options.css diff --git a/src/003-assets/CSS/quicklinks.css b/css/gui/quicklinks.css similarity index 100% rename from src/003-assets/CSS/quicklinks.css rename to css/gui/quicklinks.css diff --git a/src/003-assets/CSS/tabs.css b/css/gui/tabs.css similarity index 100% rename from src/003-assets/CSS/tabs.css rename to css/gui/tabs.css diff --git a/css/gui/tooltips/textWithTooltip.css b/css/gui/tooltips/textWithTooltip.css new file mode 100644 index 00000000000..60036f7ff6d --- /dev/null +++ b/css/gui/tooltips/textWithTooltip.css @@ -0,0 +1,48 @@ +/* TODO unify tooltip systems */ +.textWithTooltip { + position: relative; + display: inline-block; + text-decoration: underline; + text-decoration-color: lightblue; +} + +.textWithTooltip .tooltip { + visibility: hidden; + display: block; + font-size: smaller; + width: 20em; + margin-left: -10em; + background-color: rgb(29, 30, 32); + text-align: center; + border-radius: 3px; + padding: 3px; + position: absolute; + z-index: 1; + bottom: 100%; + left: 50%; +} + +.textWithTooltip .tooltip ul { + margin-left: 5px; + margin-right: 0px; + padding-left: 10px; + padding-right: 0px; + text-align: left; +} + +.textWithTooltip .tooltip::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; +} + +.textWithTooltip:hover .tooltip { + visibility: visible; + opacity: 1; + transition-delay: 0.3s; +} diff --git a/src/003-assets/CSS/links.css b/src/003-assets/CSS/links.css deleted file mode 100644 index 5ea75b93082..00000000000 --- a/src/003-assets/CSS/links.css +++ /dev/null @@ -1,68 +0,0 @@ -.textWithTooltip { - position: relative; - display: inline-block; - text-decoration: underline; - text-decoration-color: lightblue; -} - -.textWithTooltip .tooltip { - visibility: hidden; - display: block; - font-size: smaller; - width: 20em; - margin-left: -10em; - background-color: rgb(29, 30, 32); - text-align: center; - border-radius: 3px; - padding: 3px; - position: absolute; - z-index: 1; - bottom: 100%; - left: 50%; -} - -.textWithTooltip .tooltip ul { - margin-left: 5px; - margin-right: 0px; - padding-left: 10px; - padding-right: 0px; - text-align: left; -} - -.textWithTooltip .tooltip::after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; - border-color: #555 transparent transparent transparent; -} - -.textWithTooltip:hover .tooltip { - visibility: visible; - opacity: 1; - transition-delay: 0.3s; -} - -ul.choicesStrip { - display: inline; - list-style-type: none; - padding: 0mm; - margin-left: 0em; -} - -ul.choicesStrip li { - display: inline; -} - -ul.choicesStrip li + li:before { - content: " | "; -} - -a.disabled { - color: white; - pointer-events: none; - cursor: default; -} -- GitLab