Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/ponder/ponder-view.css
| Show All 38 Lines | |||||
| .ponder-question-content .phui-timeline-view { | .ponder-question-content .phui-timeline-view { | ||||
| padding-right: 0; | padding-right: 0; | ||||
| } | } | ||||
| .ponder-answer-view { | .ponder-answer-view { | ||||
| margin-top: 16px; | margin-top: 16px; | ||||
| } | } | ||||
| /* Indent comments so that are more related to the answer */ | |||||
| .device-desktop .ponder-answer-view .phui-timeline-view { | .device-desktop .ponder-answer-view .phui-timeline-view { | ||||
| margin-left: 32px; | margin-left: 32px; | ||||
| } | } | ||||
| /* Indent input box so that it's more related to answer's comments */ | |||||
| .device-desktop .ponder-answer-view .phui-box.phui-comment-form-view { | |||||
| margin-left: 94px; | |||||
| } | |||||
valerio.bozzolan: Note: I used the `.phui-box.phui-comment-form-view` selector instead of just `.phui-comment… | |||||
valerio.bozzolanAuthorUnsubmitted Done Inline Actions↑ My inline comment is not relevant anymore, since we have the :not() selector that is already incidentally more-precise. So there is no need to have margin-left: 94px; !important. valerio.bozzolan: ↑ My inline comment is not relevant anymore, since we have the `:not()` selector that is… | |||||
| .ponder-answer-view .phui-header-subheader { | .ponder-answer-view .phui-header-subheader { | ||||
| display: inline; | display: inline; | ||||
| margin-left: 12px; | margin-left: 12px; | ||||
| } | } | ||||
| .ponder-question-view .ponder-answer .phui-header-shell { | .ponder-question-view .ponder-answer .phui-header-shell { | ||||
| padding: 4px 8px 3px 8px; | padding: 4px 8px 3px 8px; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 87 Lines • Show Last 20 Lines | |||||
Content licensed under Creative Commons Attribution-ShareAlike 4.0 (CC-BY-SA) unless otherwise noted; code licensed under Apache 2.0 or other open source licenses. · CC BY-SA 4.0 · Apache 2.0
Note: I used the .phui-box.phui-comment-form-view selector instead of just .phui-comment-form-view, so that it's more specific, and it overrides the precedent value.
This was my elegant workaround to avoid a CSS !important otherwise necessary.