summaryrefslogtreecommitdiffstats
path: root/webapp/src/assets/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/assets/styles.css')
-rw-r--r--webapp/src/assets/styles.css78
1 files changed, 78 insertions, 0 deletions
diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css
index b33e2e7..aa6f146 100644
--- a/webapp/src/assets/styles.css
+++ b/webapp/src/assets/styles.css
@@ -70,3 +70,81 @@ html {
.tabbar-tabicon {
margin-right: 12px;
}
+
+.tutorial-enabled .tutorial-element {
+ position: relative;
+}
+
+.tutorial-enabled .tutorial-element::after {
+ content: '';
+ border: red solid 2px !important;
+ border-radius: 4px;
+ position: absolute;
+ top: -3px;
+ bottom: -3px;
+ left: -3px;
+ right: -3px;
+}
+
+.tutorial-enabled .tutorial-element.element-icon::after {
+ border-radius: 50%;
+}
+
+.tutorial-enabled .tutorial-element::before {
+ font-weight: bold;
+ content: var(--label-number);
+ opacity: 1;
+ border-radius: 50%;
+ border: 2px solid red;
+ color: white;
+ width: 24px;
+ height: 24px;
+ text-align: center;
+ position: absolute;
+ font-size: larger;
+ background-color: red;
+ z-index: 4;
+ top: auto;
+ bottom: auto;
+ left: auto;
+ right: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.tutorial-element.label-top-left::before {
+ top: -5px;
+ left: -10px;
+}
+
+.tutorial-element.label-top-right::before {
+ top: -5px;
+ right: -10px;
+}
+
+.tutorial-element.label-bottom-left::before {
+ bottom: -5px;
+ left: -10px;
+}
+
+.tutorial-element.label-bottom-right::before {
+ bottom: -5px;
+ right: -10px;
+}
+
+.tutorial-element.label-top::before {
+ top: -14px;
+}
+
+.tutorial-element.label-bottom::before {
+ bottom: -14px;
+}
+
+.tutorial-element.label-left::before {
+ left: -14px;
+}
+
+.tutorial-element.label-right::before {
+ right: -14px;
+} \ No newline at end of file