aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/DocumentDecorations.scss
diff options
context:
space:
mode:
authoranika <anika.ahluwalia@gmail.com>2021-01-28 09:21:12 -0500
committeranika <anika.ahluwalia@gmail.com>2021-01-28 09:21:12 -0500
commit35e1b844c23b0f78ead7ab00ffec16c8c6460229 (patch)
treed2d9dcd87ca62cca4a02db0b55a5fe307a2926b9 /src/client/views/DocumentDecorations.scss
parent5b0a4a154a6e68139d3d7e462ca421d3fbbdd224 (diff)
parent17bd18fd01d8b1f7fbef11d42651932d251cacc7 (diff)
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into filters
Diffstat (limited to 'src/client/views/DocumentDecorations.scss')
-rw-r--r--src/client/views/DocumentDecorations.scss38
1 files changed, 21 insertions, 17 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index f9b8c1940..22e120167 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -79,7 +79,7 @@ $linkGap : 3px;
grid-column: 5;
grid-row: 4;
border-radius: 100%;
- background: dimgray;
+ background: black;
height: 8;
right: -12;
top: 12;
@@ -145,7 +145,7 @@ $linkGap : 3px;
.documentDecorations-topRightResizer:hover,
.documentDecorations-bottomLeftResizer:hover {
cursor: nesw-resize;
- background: dimGray;
+ background: black;
opacity: 1;
}
@@ -169,6 +169,14 @@ $linkGap : 3px;
cursor: pointer;
}
+ .documentDecorations-titleBackground {
+ background: #ffffffcf;
+ border-radius: 8px;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ }
+
.documentDecorations-title {
opacity: 1;
grid-column-start: 2;
@@ -177,26 +185,22 @@ $linkGap : 3px;
overflow: hidden;
text-align: center;
display: flex;
- border-bottom: solid 1px;
- margin-left: 10px;
- width: calc(100% - 10px);
+ margin-left: 5px;
+ height: 22px;
+ position: absolute;
+ .documentDecorations-titleSpan {
+ width: 100%;
+ border-radius: 8px;
+ background: #ffffffcf;
+ position: absolute;
+ display: inline-block;
+ cursor: move;
+ }
}
.focus-visible {
margin-left: 0px;
}
-
- .publishBox {
- width: 20px;
- height: 22px;
- grid-column-start: 3;
- grid-column-end: 4;
- pointer-events: all;
- background: darkgray;
- display: inline-block;
- position: absolute;
- right: 0;
- }
}