3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-18 14:16:11 +02:00
Code Issues Projects Releases Packages Wiki 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
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; position: absolute;
pointer-events: none; pointer-events: none;
top: 0px; top: 0px;
rect {
fill: $canvas-bg;
}
path {
stroke: $medium-ui-text;
}
} }
.vertical-rule { .vertical-rule {
transition: none; transition: none;
pointer-events: none; pointer-events: none;
left: 0px; 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+) labels (->> (map (partial horizontal-text-label zoom) +ticks+)
(filterv identity))] (filterv identity))]
[:g {} [:g {}
[:path {:d (str/join " " path) :stroke "#9da2a6"}] [:path {:d (str/join " " path)}]
labels])) labels]))
;; --- Vertical Rule Ticks (Component) ;; --- Vertical Rule Ticks (Component)
@ -124,7 +124,7 @@
labels (->> (map (partial vertical-text-label zoom) +ticks+) labels (->> (map (partial vertical-text-label zoom) +ticks+)
(filterv identity))] (filterv identity))]
[:g {} [:g {}
[:path {:d (str/join " " path) :stroke "#9da2a6"}] [:path {:d (str/join " " path)}]
labels])) labels]))
;; --- Horizontal Rule (Component) ;; --- Horizontal Rule (Component)
@ -140,8 +140,7 @@
{:width c/viewport-width {:width c/viewport-width
:height 20} :height 20}
[:rect {:height 20 [:rect {:height 20
:width c/viewport-width :width c/viewport-width}]
:fill "rgb(233, 234, 235)"}]
[:g {:transform (str "translate(" translate-x ", 0)")} [:g {:transform (str "translate(" translate-x ", 0)")}
(horizontal-rule-ticks zoom)]])) (horizontal-rule-ticks zoom)]]))
@ -163,5 +162,4 @@
[:rect {:x 0 [:rect {:x 0
:y 0 :y 0
:height 20 :height 20
:width 20 :width 20}]]))
:fill "rgb(233, 234, 235)"}]]))