Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-25 07:58:49 -05:00
Code Issues 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
Show stats 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
$intense-ui-border: $color-gray-40;
$medium-ui-border: $color-gray-60;
$medium-ui-border: $color-gray-20;
$soft-ui-border: $color-gray-60;
// 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);
// 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%;
&::after {
color: $soft-ui-text;
color: $medium-ui-text;
font-size: $fs12;
height: 20px;
position: absolute;

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

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

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

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

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

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

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

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