diff --git a/app/components/SimpleEditor/SimpleEditor.scss b/app/components/SimpleEditor/SimpleEditor.scss index cbc08e4a008f5c8ef816c5c47205c4e77598f5c3..e9bfb03303aa74683d8e1eb339ace7b44634a311 100644 --- a/app/components/SimpleEditor/SimpleEditor.scss +++ b/app/components/SimpleEditor/SimpleEditor.scss @@ -84,7 +84,7 @@ $active-blue: #4a90e2; } .sm-target-text { - bottom: 5px; + // bottom: 5px; height: 100%; padding: 0; position: relative; @@ -92,6 +92,7 @@ $active-blue: #4a90e2; .sc-switch-text-type { margin-left: 1px; width: 150px; + bottom: 5px; button { color: $transparent-black; height: inherit; @@ -108,8 +109,10 @@ $active-blue: #4a90e2; } .se-options { - top: 36px; - background-color: #E8E8E8; + background: transparent; + border: 0; + box-shadow: none; + top: 27px; } .se-option { @@ -232,17 +235,28 @@ $active-blue: #4a90e2; margin-top: 1px; .sidenav { - height: 270px; - width: 150px; - position: fixed; - z-index: 1; - top: 0; - left: 0; - background-color: #e8e8e8; - overflow-x: hidden; - transition: 0.5s; - margin-top: 256px; - box-shadow: 0 0 12px $dark-gray; + background-color: #e8e8e8; + // box-shadow: 0 0 12px $dark-gray; + height: 100%; + left: 0; + margin-top: 148px; + overflow-x: hidden; + position: fixed; + top: 0; + width: 150px; + z-index: 1; + .sc-toolbar { + border: 0; + .sc-tool-group { + background-color: #ccc; + .se-toggle:after { + display: none; + } + } + .se-options button { + text-align: left; + } + } } }