Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-20 19:51:23 -05:00
Code Issues Activity

💄 Use theme colors for rules

Browse source
This commit is contained in:
mathieu.brunot 2019-02-23 10:45:56 +01:00
parent 6004ea31e4
commit ff14d05ba2
No known key found for this signature in database
GPG key ID: 81584BEAF692D7E0
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/resources/styles/main/partials/workspace-canvas.scss
View file

@ -102,12 +102,23 @@
position: absolute;
pointer-events: none;
top: 0px;
rect {
fill: $canvas-bg;
}
path {
stroke: $medium-ui-text;
}
}
.vertical-rule {
transition: none;
pointer-events: none;
left: 0px;
rect {
fill: $canvas-bg;
}
}
}

10
frontend/src/uxbox/main/ui/workspace/rules.cljs
View file

@ -111,7 +111,7 @@
labels (->> (map (partial horizontal-text-label zoom) +ticks+)
(filterv identity))]
[:g {}
[:path {:d (str/join " " path) :stroke "#9da2a6"}]
[:path {:d (str/join " " path)}]
labels]))
;; --- Vertical Rule Ticks (Component)
@ -124,7 +124,7 @@
labels (->> (map (partial vertical-text-label zoom) +ticks+)
(filterv identity))]
[:g {}
[:path {:d (str/join " " path) :stroke "#9da2a6"}]
[:path {:d (str/join " " path)}]
labels]))
;; --- Horizontal Rule (Component)
@ -140,8 +140,7 @@
{:width c/viewport-width
:height 20}
[:rect {:height 20
:width c/viewport-width
:fill "rgb(233, 234, 235)"}]
:width c/viewport-width}]
[:g {:transform (str "translate(" translate-x ", 0)")}
(horizontal-rule-ticks zoom)]]))
@ -163,5 +162,4 @@
[:rect {:x 0
:y 0
:height 20
:width 20
:fill "rgb(233, 234, 235)"}]]))
:width 20}]]))