aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/WebBox.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/WebBox.scss')
-rw-r--r--src/client/views/nodes/WebBox.scss66
1 files changed, 12 insertions, 54 deletions
diff --git a/src/client/views/nodes/WebBox.scss b/src/client/views/nodes/WebBox.scss
index 875142169..23a5ad824 100644
--- a/src/client/views/nodes/WebBox.scss
+++ b/src/client/views/nodes/WebBox.scss
@@ -70,7 +70,6 @@
}
}
-
.webBox-overlay {
width: 100%;
height: 100%;
@@ -82,63 +81,22 @@
background:lightGray;
width: 100%;
}
- .webBox-freeze {
- display: flex;
- align-items: center;
- justify-content: center;
- margin-right: 5px;
- width: 30px;
- }
-
- .webBox-urlEditor {
- position: relative;
- opacity: 0.9;
+ .webBox-annotationToggle {
z-index: 9001;
- transition: top .5s;
-
- .urlEditor {
- display: grid;
- grid-template-columns: 1fr auto;
- padding-bottom: 10px;
- overflow: hidden;
-
- .editorBase {
- display: flex;
-
- .editor-collapse {
- transition: all .5s, opacity 0.3s;
- position: absolute;
- width: 40px;
- transform-origin: top left;
- }
-
- .switchToText {
- color: $main-accent;
- }
-
- .switchToText:hover {
- color: $dark-color;
- }
- }
-
- button:hover {
- transform: scale(1);
- }
+ position: absolute;
+ top: 2;
+ left: 2;
+ box-shadow: black 0.3em 0.3em 1em;
+ border-radius: 5px;
+ display: flex;
+ width: 25px;
+ height: 25px;
+ align-items: center;
+ > svg {
+ margin: auto;
}
}
- .webpage-urlInput {
- padding: 12px 10px 11px 10px;
- border: 0px;
- color: grey;
- letter-spacing: 2px;
- outline-color: black;
- background: rgb(238, 238, 238);
- width: 100%;
- margin-right: 10px;
- height: 100%;
- }
-
.touch-iframe-overlay {
width: 100%;
height: 100%;