-
Notifications
You must be signed in to change notification settings - Fork 2
Conversation
@@ -33,6 +35,13 @@ | |||
width: 50px; | |||
} | |||
|
|||
.insert-lane { | |||
position: absolute; | |||
right: -15px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Perfect use of position: absolute
! We want to anchor it to the bottom right of the card and that's idiomatic CSS to do so.
Benchmark for 7126333Click to view benchmark
|
Benchmark for d8065deClick to view benchmark
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
Using a "dropdown" type interface for changing lane type as you describe sounds good.
web_editor/js/cards.js
Outdated
@@ -11,7 +11,8 @@ export function makeLaneCard(lane, idx, app) { | |||
} | |||
node.appendChild(wrapInCenterDiv(width(lane))); | |||
|
|||
var finalRow = document.createElement("div"); | |||
var editRow = document.createElement("div"); | |||
editRow.align = "center"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd prefer this done in CSS. text-align: center
(for centering inline children of a block element) or margin: 0 auto
(for centering a block element within its parent) will cover most cases.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done!
Benchmark for 9cf476aClick to view benchmark
|
#240
screencast.mp4
A next possible step is clicking the lane type icon to get a little modal popup and choose the type. So then inserting a lane and changing the type would become much more fluid