3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-10 20:06:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

wip inputs redesign

Browse source
This commit is contained in:
Juan de la Cruz 2019-12-17 16:50:50 +01:00
parent 9dcd64c186
commit 719af5f475
7 changed files with 1108 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/styles/common/dependencies/uxbox-light.scss
View file

@ -25,7 +25,7 @@ $dark-ui-bg: $color-gray-40;
// Border color // Border color
$intense-ui-border: $color-gray-40; $intense-ui-border: $color-gray-40;
$medium-ui-border: $color-gray-60; $medium-ui-border: $color-gray-20;
$soft-ui-border: $color-gray-60; $soft-ui-border: $color-gray-60;
// Icon colors // Icon colors
@ -43,4 +43,4 @@ $canvas-bg: mix($ui-flavour, $color-white, $mix-percentage-lighter);
$scrollbar-bg: mix($ui-flavour, $color-white, $mix-percentage-light); $scrollbar-bg: mix($ui-flavour, $color-white, $mix-percentage-light);
// Input colors // Input colors
$input-bg: $color-light-bg; $input-bg: $primary-ui-bg;

1091
frontend/resources/styles/common/framework-v2.scss Normal file
View file

File diff suppressed because it is too large Load diff

2
frontend/resources/styles/common/framework.scss
View file

@ -319,7 +319,7 @@ ul.slider-dots {
width: 100%; width: 100%;
&::after { &::after {
color: $soft-ui-text; color: $medium-ui-text;
font-size: $fs12; font-size: $fs12;
height: 20px; height: 20px;
position: absolute; position: absolute;

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

@ -185,16 +185,16 @@
.input-text { .input-text {
background-color: $input-bg; background-color: $input-bg;
border-color: $soft-ui-border; border-color: $intense-ui-border;
color: $intense-ui-text; color: $soft-ui-text;
font-size: $fs13; font-size: $fs13;
margin: $x-small; margin: $x-small;
padding: $x-small; padding: $x-small;
width: 100%; width: 100%;
&:focus { &:focus {
color: darken($intense-ui-text, 8%); color: lighten($soft-ui-text, 8%);
border-color: $intense-ui-border; border-color: $medium-ui-border;
} }
} }
@ -286,7 +286,7 @@
.color-th { .color-th {
background-color: $color-gray-lighter; background-color: $color-gray-lighter;
border: 1px solid $intense-ui-border; border: 1px solid $intense-ui-border;
border-radius: 50%; border-radius: $br-small;
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
height: 25px; height: 25px;

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

@ -28,7 +28,7 @@
height: 100%; height: 100%;
.tool-window { .tool-window {
border-bottom: 1px solid $medium-ui-border; border-bottom: 1px solid $soft-ui-border;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;

7
frontend/resources/styles/main/partials/workspace-bar.scss
View file

@ -125,6 +125,13 @@
fill: $color-primary; fill: $color-primary;
} }
&:hover {
svg {
fill: $soft-ui-icons;
}
}
} }
&.view-mode { &.view-mode {

2
frontend/src/uxbox/main/ui/workspace/viewport.cljs
View file

@ -274,5 +274,5 @@
(when (contains? flags :ruler) (when (contains? flags :ruler)
[:& ruler {:zoom zoom :ruler (:ruler local)}]) [:& ruler {:zoom zoom :ruler (:ruler local)}])
;; -- METER CURSOR MULTIUSUARIO
[:& selrect {:data (:selrect local)}]]]))) [:& selrect {:data (:selrect local)}]]])))