IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

DEV: flexify post actions (#9926)

Browse Source 
* DEV: flexify post actions

* more tweaks
This commit is contained in:
Joffrey JAFFEUX 2020-07-07 02:18:01 +02:00 committed by GitHub
parent 40de535224
commit 6ef0e98f4e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/app/widgets/post-menu.js
View File

@ -395,7 +395,7 @@ function replaceButton(buttons, find, replace) {
} }
export default createWidget("post-menu", { export default createWidget("post-menu", {
tagName: "section.post-menu-area.clearfix", tagName: "section.post-menu-area",
settings: { settings: {
collapseButtons: true, collapseButtons: true,
@ -573,7 +573,7 @@ export default createWidget("post-menu", {
const contents = [ const contents = [
h( h(
"nav.post-controls.clearfix" + "nav.post-controls" +
(this.state.collapsed ? ".collapsed" : ".expanded"), (this.state.collapsed ? ".collapsed" : ".expanded"),
postControls postControls
) )

5
app/assets/stylesheets/common/components/buttons.scss
View File

@ -264,6 +264,11 @@
.d-icon { .d-icon {
color: $primary-low-mid; color: $primary-low-mid;
} }
.d-button-label + .d-icon {
margin-left: 0.5em;
}
@include hover { @include hover {
.d-icon { .d-icon {
color: $primary; color: $primary;

2
app/assets/stylesheets/common/printer-friendly.scss
View File

@ -6,7 +6,7 @@
header, header,
.topic-above-post-stream-outlet.topic-above-post-stream, .topic-above-post-stream-outlet.topic-above-post-stream,
.topic-map, .topic-map,
.post-menu-area.clearfix, .post-menu-area,
div#topic-footer-buttons, div#topic-footer-buttons,
div.suggested-topics, div.suggested-topics,
div#progress-topic-wrapper, div#progress-topic-wrapper,

10
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -52,11 +52,15 @@ section.post-menu-area {
nav.post-controls { nav.post-controls {
padding: 0; padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
.actions { .actions {
text-align: right; display: flex;
float: right; justify-content: flex-end;
display: inline-block; margin-left: auto;
.more-actions { .more-actions {
display: none; display: none;
overflow: hidden; overflow: hidden;

2
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -28,6 +28,8 @@ span.badge-posts {
.topic-post { .topic-post {
nav.post-controls { nav.post-controls {
display: flex;
color: dark-light-choose($primary-low-mid, $secondary-high); color: dark-light-choose($primary-low-mid, $secondary-high);
.actions { .actions {
display: flex; display: flex;