3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

changes styles for the left sidebar

Browse source
This commit is contained in:
elhombretecla 2016-02-12 16:26:11 +01:00 • committed by Andrey Antukh
parent 35a1e9ceb3
commit 3cae356f93
3 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
resources/public/styles/partials/settings-bar.scss
View file

@ -5,6 +5,11 @@
position: fixed; position: fixed;
right: 0; right: 0;
width: 250px; width: 250px;
z-index: 10;
&.settings-bar-left {
left: 0
}
.settings-bar-inside { .settings-bar-inside {
align-items: center; align-items: center;

8
resources/public/styles/partials/workspace-canvas.scss
View file

@ -1,15 +1,19 @@
.workspace-canvas { .workspace-canvas {
box-sizing: border-box; box-sizing: border-box;
height: calc(100vh - 50px); height: calc(100vh - 50px);
margin: 0 250px 0 50px; margin: 0 250px 0 250px;
overflow: scroll; overflow: scroll;
width: 100%; width: 100%;
transition: none; transition: none;
&.no-tool-bar { &.no-tool-bar-right {
margin-right: 0; margin-right: 0;
} }
&.no-tool-bar-left {
margin-left: 0;
}
.viewport { .viewport {
&.drawing { &.drawing {
cursor: cell; cursor: cell;

3
src/uxbox/ui/workspace/sidebar.cljs
View file

@ -42,7 +42,7 @@
[own] [own]
(let [toolboxes (rum/react wb/toolboxes-l)] (let [toolboxes (rum/react wb/toolboxes-l)]
(html (html
[:aside#settings-bar.settings-bar [:aside#settings-bar.settings-bar.settings-bar-left
[:div.settings-bar-inside [:div.settings-bar-inside
(when (contains? toolboxes :draw) (when (contains? toolboxes :draw)
(draw-toolbox)) (draw-toolbox))
@ -56,4 +56,3 @@
{:render left-sidebar-render {:render left-sidebar-render
:name "aside" :name "aside"
:mixins [rum/reactive mx/static]})) :mixins [rum/reactive mx/static]}))