Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-27 00:49:28 -05:00
Code Issues Activity

WIP ui changes

Browse source
This commit is contained in:
elhombretecla 2020-10-19 14:22:28 +02:00
parent 49e678340b
commit c94d7f712a
6 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/main/partials/color-palette.scss
View file

@ -51,8 +51,8 @@
} }
&.left-sidebar-open { &.left-sidebar-open {
left: 280px; left: 303px;
width: calc(100% - 280px); width: calc(100% - 303px);
} }
& .context-menu-items { & .context-menu-items {

8
frontend/resources/styles/main/partials/left-toolbar.scss
View file

@ -5,7 +5,7 @@
// Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz> // Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com> // Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
$width-left-toolbar: 40px; $width-left-toolbar: 48px;
.left-toolbar { .left-toolbar {
background-color: $color-gray-50; background-color: $color-gray-50;
@ -23,7 +23,7 @@ $width-left-toolbar: 40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: visible; overflow: visible;
padding-top: 40px; padding-top: 48px;
height: 100%; height: 100%;
} }
@ -40,11 +40,11 @@ $width-left-toolbar: 40px;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
height: 40px; height: 48px;
justify-content: center; justify-content: center;
margin: $x-small 0; margin: $x-small 0;
position: relative; position: relative;
width: 40px; width: 48px;
svg { svg {
fill: $color-gray-20; fill: $color-gray-20;

2
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -918,7 +918,7 @@
.size-option .custom-select-dropdown { .size-option .custom-select-dropdown {
position: fixed; position: fixed;
max-height: 15rem; max-height: 16rem;
min-width: 6rem; min-width: 6rem;
margin-top: 25px; margin-top: 25px;
left: initial; left: initial;

6
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -5,7 +5,7 @@
// Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz> // Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com> // Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
$width-settings-bar: 15rem; $width-settings-bar: 16rem;
// This width is also used in update-viewport-size at frontend/src/app/main/data/workspace.cljs // This width is also used in update-viewport-size at frontend/src/app/main/data/workspace.cljs
.settings-bar { .settings-bar {
@ -22,7 +22,7 @@ $width-settings-bar: 15rem;
&.settings-bar-left { &.settings-bar-left {
border-left: none; border-left: none;
border-right: 1px solid $color-gray-60; border-right: 1px solid $color-gray-60;
left: 40px; left: 48px;
} }
.settings-bar-inside { .settings-bar-inside {
@ -60,7 +60,7 @@ $width-settings-bar: 15rem;
flex-direction: column; flex-direction: column;
padding-top: 40px; padding-top: 48px;
height: 100%; height: 100%;
.tool-window { .tool-window {

4
frontend/resources/styles/main/partials/workspace-header.scss
View file

@ -12,7 +12,7 @@
background-color: $color-gray-50; background-color: $color-gray-50;
border-bottom: 1px solid $color-gray-60; border-bottom: 1px solid $color-gray-60;
display: flex; display: flex;
height: 40px; height: 48px;
padding: $x-small $medium $x-small 55px; padding: $x-small $medium $x-small 55px;
position: relative; position: relative;
z-index: 12; z-index: 12;
@ -28,7 +28,7 @@
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 40px; width: 48px;
a { a {
height: 30px; height: 30px;

1
frontend/resources/templates/index.mustache
View file

@ -7,7 +7,6 @@
<link id="theme" href="/css/main-{{& th}}.css?ts={{& ts}}" <link id="theme" href="/css/main-{{& th}}.css?ts={{& ts}}"
rel="stylesheet" type="text/css" /> rel="stylesheet" type="text/css" />
<link rel="icon" href="/images/favicon.png" /> <link rel="icon" href="/images/favicon.png" />
{{! <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> }}
</head> </head>
<body> <body>
<section id="app" tabindex="1"></section> <section id="app" tabindex="1"></section>