From bc65ea96935e0b2116d85d1bb2cce54542bbe48e Mon Sep 17 00:00:00 2001 From: Damian Wajer Date: Wed, 22 Feb 2023 16:27:27 +0100 Subject: [PATCH] Use available space for post interaction buttons Related: https://github.com/friendica/friendica/issues/12835 --- view/theme/frio/css/style.css | 21 +- view/theme/frio/templates/wall_thread.tpl | 238 +++++++++++----------- 2 files changed, 137 insertions(+), 122 deletions(-) diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index b8437e15ff..c7adc2c8a9 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1994,6 +1994,18 @@ code > .hl-main { .wall-item-actions-right { display: flex; } +.wall-item-actions-items { + flex-grow: 1; +} +.wall-item-actions-row { + display: flex; +} +.wall-item-actions-row .btn { + width: 100%; +} +.wall-item-actions-row > * { + flex: 1 1 0; +} .wall-item-actions .checkbox { margin: 0 0 0 15px; } @@ -2001,14 +2013,17 @@ code > .hl-main { .wall-item-actions .btn, .wall-item-actions a, .wall-item-actions button { - padding-right: 12px; - padding-left: 12px; + padding-right: 0; + padding-left: 0; } .wall-item-actions .checkbox { margin-top: 8px; + flex: 0 1 auto; } .wall-item-actions .like-rotator { - padding-top: 8px; + position: absolute; + top: 8px; + right: 0; } } .wall-item-actions button:hover { diff --git a/view/theme/frio/templates/wall_thread.tpl b/view/theme/frio/templates/wall_thread.tpl index 41738a0e4e..c1a8555cf3 100644 --- a/view/theme/frio/templates/wall_thread.tpl +++ b/view/theme/frio/templates/wall_thread.tpl @@ -436,146 +436,146 @@ as the value of $top_child_total (this is done at the end of this file) -
- {{* Buttons for like and dislike *}} - {{if $item.vote}} - {{if $item.vote.like}} - - {{/if}} - {{if $item.vote.dislike}} - - {{/if}} - {{/if}} - - {{* Button to open the comment text field *}} - {{if $item.comment_html}} - - {{/if}} - - {{if $item.vote.announce OR $item.vote.share}} - - {{/if}} + {{/if}} - {{if $item.browsershare}} - - {{/if}} + {{* Button to open the comment text field *}} + {{if $item.comment_html}} + + {{/if}} - {{* Put additional actions in a dropdown menu *}} - -
+ {{if $item.vote.announce OR $item.vote.share}} + + {{/if}} + + {{if $item.browsershare}} + + {{/if}} + + {{* Put additional actions in a dropdown menu *}} + -
{{* Event attendance buttons *}} - {{if $item.isevent}} + {{if $item.isevent}}
- {{/if}} + {{/if}} - {{if $item.edpost || $item.tagger || $item.filer || $item.pin || $item.star || $item.follow_thread || $item.ignore || ($item.drop && $item.drop.dropping)}} - + {{/if}} - {{if $item.drop && $item.drop.pagedrop}} - - - {{/if}} + {{if $item.drop && $item.drop.pagedrop}} + + + {{/if}} +