aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DataVizBox/DocCreatorMenu.scss')
-rw-r--r--src/client/views/nodes/DataVizBox/DocCreatorMenu.scss33
1 files changed, 26 insertions, 7 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index 43d4ed7e5..452d9b354 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -49,6 +49,8 @@
.docCreatorMenu-preview-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: 140px;
+ grid-auto-rows: 141px;
overflow-y: scroll;
margin: 5px;
width: calc(100% - 10px);
@@ -57,17 +59,33 @@
border-radius: 5px;
.docCreatorMenu-preview-window {
+ display: flex;
+ justify-content: center;
+ align-items: center;
width: 125px;
height: 125px;
margin-top: 10px;
margin-left: 10px;
border: 1px solid whitesmoke;
border-radius: 5px;
+ box-shadow: 5px 5px rgb(34, 34, 37);
+
+ &:hover{
+ background-color: rgb(72, 72, 73);
+ }
+
+ .docCreatorMenu-preview-image{
+ width: 105px;
+ height: 105px;
+ border-radius: 5px;
+ }
+
}
}
.docCreatorMenu-options-container {
display: flex;
+ justify-content: center;
overflow-y: scroll;
margin: 5px;
width: calc(100% - 10px);
@@ -77,22 +95,23 @@
.docCreatorMenu-dropdown-button{
display: flex;
- width: 120px;
- height: 30px;
+ width: 140px;
+ height: 25px;
background: whitesmoke;
background-color: rgb(34, 34, 37);
border-radius: 5px;
border: 1px solid whitesmoke;
padding: 0px;
- font-size: 13px;
+ font-size: 12px;
margin: 10px;
- align-content: center;
+ align-items: center;
justify-content: center;
text-transform: uppercase;
+ cursor: pointer;
- // &:hover .docCreatorMenu-dropdown-content{
- // display: block;
- // }
+ &:hover .docCreatorMenu-dropdown-content{
+ display: block;
+ }
}
.docCreatorMenu-dropdown-content {