diff options
Diffstat (limited to 'src/client/views/nodes/DataVizBox/DocCreatorMenu.scss')
-rw-r--r-- | src/client/views/nodes/DataVizBox/DocCreatorMenu.scss | 33 |
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 { |