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

✨ Fix new styles leaking for scroll

Browse source
This commit is contained in:
alonso.torres 2023-06-13 11:18:21 +02:00
parent b73ab97556
commit c74ccfaa8d
7 changed files with 46 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/main/ui/workspace.cljs
View file

@ -5,6 +5,7 @@
;; Copyright (c) KALEIDOS INC
(ns app.main.ui.workspace
(:require-macros [app.main.style :refer [css]])
(:require
[app.common.data.macros :as dm]
[app.main.data.modal :as modal]
@ -193,7 +194,8 @@
[:& (mf/provider ctx/components-v2) {:value components-v2?}
[:& (mf/provider ctx/new-css-system) {:value new-css?}
[:& (mf/provider ctx/workspace-read-only?) {:value read-only?}
[:section#workspace {:style {:background-color background-color
[:section#workspace {:class (when new-css? (css :workspace))
:style {:background-color background-color
:touch-action "none"}}
(when (not (:hide-ui layout))
[:& header {:file file

1
frontend/src/app/main/ui/workspace.css.json Normal file
View file

@ -0,0 +1 @@
{"button-primary":"ui_workspace_button-primary_FZJ-T","button-secondary":"ui_workspace_button-secondary_oDzCJ","button-icon":"ui_workspace_button-icon_L5y8h","button-icon-small":"ui_workspace_button-icon-small_Ppp3W","workspace":"ui_workspace_workspace_xutJr"}

38
frontend/src/app/main/ui/workspace.scss Normal file
View file

@ -0,0 +1,38 @@
@import "refactor/common-refactor.scss";
// Work Sans
@include font-face("worksans", "WorkSans-Regular", normal);
@include font-face("worksans", "WorkSans-Medium", "500");
@include font-face("worksans", "WorkSans-Bold", bold);
// Space mono
@include font-face("spacemono", "SpaceMono-Regular", normal);
:global(:root) {
--s-4: 0.25rem;
--layer-indentation-size: calc(var(--s-4) * 5);
}
.workspace {
::-webkit-scrollbar {
background-color: transparent;
cursor: pointer;
height: $s-12;
width: $s-12;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(170, 181, 186, 0.3);
background-clip: content-box;
border: $s-2 solid transparent;
border-radius: $br-8;
&:hover {
background-color: rgba(170, 181, 186, 0.7);
outline: none;
}
}
}