diff --git a/frontend/resources/styles/main/layouts/login.scss b/frontend/resources/styles/main/layouts/login.scss index f24ea73429..ba80b79f3b 100644 --- a/frontend/resources/styles/main/layouts/login.scss +++ b/frontend/resources/styles/main/layouts/login.scss @@ -10,7 +10,7 @@ .auth { display: grid; grid-template-rows: auto; - grid-template-columns: 510px auto; + grid-template-columns: 33% auto; } .auth-sidebar { diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss index 8894df6f13..866d61eb15 100644 --- a/frontend/resources/styles/main/partials/sidebar-element-options.scss +++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss @@ -434,7 +434,7 @@ width: calc(100% - 12px); height: 100%; top: auto; - color: #b1b2b5; + color: $color-white; } } @@ -466,7 +466,7 @@ .input-text { padding-left: 0; - color: #b1b2b5; + color: $color-white; background-color: transparent; height: 30px; } diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/frame.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/frame.cljs index 8e5c77c863..1288fe3e3b 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/frame.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/frame.cljs @@ -91,11 +91,6 @@ ;; WIDTH & HEIGHT [:div.row-flex [:span.element-set-subtitle (tr "workspace.options.size")] - [:div.lock-size {:class (when (:proportion-lock shape) "selected") - :on-click on-proportion-lock-change} - (if (:proportion-lock shape) - i/lock - i/unlock)] [:div.input-element.pixels [:> numeric-input {:min 1 :on-click select-all @@ -104,14 +99,19 @@ (math/precision 2) (d/coalesce-str "1"))}]] - [:div.input-element.pixels [:> numeric-input {:min 1 :on-click select-all :on-change on-height-change :value (-> (:height shape) (math/precision 2) - (d/coalesce-str "1"))}]]] + (d/coalesce-str "1"))}]] + + [:div.lock-size {:class (when (:proportion-lock shape) "selected") + :on-click on-proportion-lock-change} + (if (:proportion-lock shape) + i/lock + i/unlock)]] ;; POSITION [:div.row-flex