From 540dc90ce1ccadcd56bebfd1944d072fbde98f66 Mon Sep 17 00:00:00 2001 From: Hypolite Petovan Date: Fri, 9 Jul 2021 19:23:01 -0400 Subject: [PATCH] Merge frio-specific share block template into the base template - Add BIDI support for share blocks - Remove redundant share block styles --- view/global.css | 33 +++++++++++++----- view/templates/shared_content.tpl | 36 +++++++++++++++++--- view/theme/duepuntozero/style.css | 35 ------------------- view/theme/frio/css/style.css | 29 +++++++--------- view/theme/frio/templates/shared_content.tpl | 32 ----------------- view/theme/quattro/dark/style.css | 21 ------------ view/theme/quattro/green/style.css | 21 ------------ view/theme/quattro/lilac/style.css | 21 ------------ view/theme/quattro/quattro.less | 16 --------- view/theme/smoothly/style.css | 31 ----------------- view/theme/vier/plusminus.css | 9 ----- view/theme/vier/style.css | 4 --- 12 files changed, 68 insertions(+), 220 deletions(-) delete mode 100644 view/theme/frio/templates/shared_content.tpl diff --git a/view/global.css b/view/global.css index e50e87ec2..08788c5ba 100644 --- a/view/global.css +++ b/view/global.css @@ -151,13 +151,36 @@ span.connector { } /* Shared Messages */ + .shared_header { + display: flex; + justify-content: space-between; min-height: 32px; color: #999; border-top: 1px solid #D2D2D2; padding-top: 5px; margin-top: 5px; } +.shared_header > .avatar { + display: block; + flex: 0 0 41px; + margin-inline-end: 9px; +} +.shared_header > .avatar > img { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.shared_header > .metadata { + flex: 1 0 auto; +} +.shared_header > .metadata > p { + margin: 0; +} +.shared_header > .preferences { + position: static; + flex: 0 0 auto; +} .shared_header a { -webkit-transition: all 0.2s ease-in-out; @@ -167,16 +190,8 @@ span.connector { transition: all 0.2s ease-in-out; } -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; - margin-right: 9px; -} - blockquote.shared_content { - margin-left: 32px; + margin-inline-start: 32px; color: #000; border: none; } diff --git a/view/templates/shared_content.tpl b/view/templates/shared_content.tpl index 32cfbe372..4db3b66c5 100644 --- a/view/templates/shared_content.tpl +++ b/view/templates/shared_content.tpl @@ -1,12 +1,38 @@ -
+
{{if $avatar}} - - + + {{/if}} -
{{$author}}
- + +
+ {{if $network_icon}} + + {{else}} + {{$network_name}} + {{/if}} + {{if $link}} + + + + {{/if}} +
{{$content nofilter}}
diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css index 9a783286d..ee99f4790 100644 --- a/view/theme/duepuntozero/style.css +++ b/view/theme/duepuntozero/style.css @@ -1238,44 +1238,13 @@ input#dfrn-url { background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center; } -.shared_header { - height: 32px; - color: #999; - border-top: 1px solid #D2D2D2; - padding-top: 5px; - margin-top: 5px; -} - .shared_header a { color: black; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - .shared_header a:hover { color: #36c; } -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; -} - -.shared_header span { - margin-left: 9px; -} - -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; -} - .wall-item-title { float: left; font-weight: bold; @@ -3244,10 +3213,6 @@ div.jGrowl div.info { width: 20px; } -.shared_header span { - margin-left: 10px; -} - /* small screens */ @media all and (max-width: 1089px) { .field label { width: 90%; } diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 4fb504714..e5d30d1d2 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1709,10 +1709,20 @@ aside .panel-body { right: 0; top: 0; } -.shared_header .preferences { - top: 7px; - right: 9px; +.shared_header { + margin-left: 0px; + margin-top: 0px; + padding-top: 0px; + margin-bottom: 10px; + border-top: none; + color: inherit; } +blockquote.shared_content { + padding: 0px; + margin-inline-start: 0px; + color: inherit; +} + .wall-item-network { font-size: 13px; } @@ -1837,19 +1847,6 @@ aside .panel-body { .vevent:hover { box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.05); } -.shared_header { - margin-left: 0px; - margin-top: 0px; - padding-top: 0px; - margin-bottom: 10px; - border-top: none; - color: inherit; -} -blockquote.shared_content { - padding: 0px; - margin-left: 0px; - color: inherit; -} code > .hl-main { padding: 10px 10px 1px 0; } diff --git a/view/theme/frio/templates/shared_content.tpl b/view/theme/frio/templates/shared_content.tpl deleted file mode 100644 index f7b210bb8..000000000 --- a/view/theme/frio/templates/shared_content.tpl +++ /dev/null @@ -1,32 +0,0 @@ -
-
- {{if $avatar}} - - - - {{/if}} -
{{$author}}
-
- {{if $network_icon}} - - {{else}} - {{$network_name}} - {{/if}} - {{if $link}} - - - - {{/if}} -
-
- {{if $guid}} - - {{/if}} - {{$posted}} - {{if $guid}} - - {{/if}} -
-
-
{{$content nofilter}}
-
diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index be48064f4..e4f7fb3b9 100644 --- a/view/theme/quattro/dark/style.css +++ b/view/theme/quattro/dark/style.css @@ -1437,27 +1437,6 @@ section { .type-video blockquote { padding-left: 1em; } -.shared_header { - height: 32px; - color: #999; - border-top: 1px solid #cccccc; - padding-top: 5px; - margin-top: 5px; -} -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; -} -.shared_header span { - margin-left: 9px; -} -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; -} .oembed.video > a.embed_video { display: block; position: relative; diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css index 681b9417c..3ab55fbaf 100644 --- a/view/theme/quattro/green/style.css +++ b/view/theme/quattro/green/style.css @@ -1437,27 +1437,6 @@ section { .type-video blockquote { padding-left: 1em; } -.shared_header { - height: 32px; - color: #999; - border-top: 1px solid #cccccc; - padding-top: 5px; - margin-top: 5px; -} -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; -} -.shared_header span { - margin-left: 9px; -} -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; -} .oembed.video > a.embed_video { display: block; position: relative; diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css index df854a21f..7adf87ad9 100644 --- a/view/theme/quattro/lilac/style.css +++ b/view/theme/quattro/lilac/style.css @@ -1437,27 +1437,6 @@ section { .type-video blockquote { padding-left: 1em; } -.shared_header { - height: 32px; - color: #999; - border-top: 1px solid #cccccc; - padding-top: 5px; - margin-top: 5px; -} -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; -} -.shared_header span { - margin-left: 9px; -} -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; -} .oembed.video > a.embed_video { display: block; position: relative; diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less index 53874be02..9a990557e 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -770,22 +770,6 @@ section { border-top: 1px solid @ThreadBottomBorderColor; padding-top: 5px; margin-top: 5px; - - img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; - } - - span { margin-left: 9px; } -} - - -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; } .oembed.video { diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css index ac0179ea7..2ea3bd620 100644 --- a/view/theme/smoothly/style.css +++ b/view/theme/smoothly/style.css @@ -1815,44 +1815,13 @@ ul .sidebar-group-li .icon { .type-link .oembed { } -.shared_header { - height: 32px; - color: #999; - border-top: 1px solid #D2D2D2; - padding-top: 5px; - margin-top: 5px; -} - .shared_header a { color: black; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; } - .shared_header a:hover { color: #36c; } -.shared_header img { - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - float: left; -} - -.shared_header span { - margin-left: 9px; -} - -blockquote.shared_content { - margin-left: 32px; - color: #000; - border: none; -} - .icon.drop, .icon.drophide { float: left; diff --git a/view/theme/vier/plusminus.css b/view/theme/vier/plusminus.css index 7d9c09e3e..23d63e766 100644 --- a/view/theme/vier/plusminus.css +++ b/view/theme/vier/plusminus.css @@ -345,15 +345,6 @@ div.pager, ul.tabs { line-height: normal; } -.shared_header { - min-height: 32px;; - color: #999; - border-top: 0px; - padding-top: 5px; - margin-top: 5px; -} - - /* Post footer */ .wall-item-like { font-size:12px; } diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css index 8bf982018..0484a4ea1 100644 --- a/view/theme/vier/style.css +++ b/view/theme/vier/style.css @@ -1438,10 +1438,6 @@ section.minimal { font-size: 12px; } -.shared_header { - line-height: 14px; -} - .wall-item-network { color: #999; font-size: 12px;