summaryrefslogtreecommitdiffstats
path: root/webapp/src/assets
diff options
context:
space:
mode:
authorJannik Schönartz2019-05-09 14:53:32 +0200
committerJannik Schönartz2019-05-09 14:53:32 +0200
commit75de22f41b87d1b987c823459159cbcab1080a9e (patch)
tree4320e8dddd8e051a7c074049630d59a98f2b0243 /webapp/src/assets
parent[documentation] Add first webapp module (user management) with screenshots (diff)
downloadbas-75de22f41b87d1b987c823459159cbcab1080a9e.tar.gz
bas-75de22f41b87d1b987c823459159cbcab1080a9e.tar.xz
bas-75de22f41b87d1b987c823459159cbcab1080a9e.zip
[webapp] Add screenshot css classes & add Screenshot classes to the User Module
Diffstat (limited to 'webapp/src/assets')
-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