Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -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: 280px;
width: calc(100% - 280px);
left: 303px;
width: calc(100% - 303px);
}
& .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 Juan de la Cruz <delacruzgarciajuan@gmail.com>
$width-left-toolbar: 40px;
$width-left-toolbar: 48px;
.left-toolbar {
background-color: $color-gray-50;
@ -23,7 +23,7 @@ $width-left-toolbar: 40px;
display: flex;
flex-direction: column;
overflow: visible;
padding-top: 40px;
padding-top: 48px;
height: 100%;
}
@ -40,11 +40,11 @@ $width-left-toolbar: 40px;
cursor: pointer;
display: flex;
flex-shrink: 0;
height: 40px;
height: 48px;
justify-content: center;
margin: $x-small 0;
position: relative;
width: 40px;
width: 48px;
svg {
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 {
position: fixed;
max-height: 15rem;
max-height: 16rem;
min-width: 6rem;
margin-top: 25px;
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 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
.settings-bar {
@ -22,7 +22,7 @@ $width-settings-bar: 15rem;
&.settings-bar-left {
border-left: none;
border-right: 1px solid $color-gray-60;
left: 40px;
left: 48px;
}
.settings-bar-inside {
@ -60,7 +60,7 @@ $width-settings-bar: 15rem;
flex-direction: column;
padding-top: 40px;
padding-top: 48px;
height: 100%;
.tool-window {

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

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

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

@ -7,7 +7,6 @@
<link id="theme" href="/css/main-{{& th}}.css?ts={{& ts}}"
rel="stylesheet" type="text/css" />
<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>
<body>
<section id="app" tabindex="1"></section>