pub / newsplanet

commit 70ea3789c3cf1981686f19ee1ff61e20ddf5e707
parent 25a6e22da32ae8f64f2647d31968b2e8a4f50123
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Sat, 29 Mar 2025 17:20:11 +0100

feat: simplify design of buttons

Diffstat:
M
assets/css/custom.css
 | 
17
+----------------
M
templates/index.tt
 | 
23
+++++++++--------------

2 files changed, 10 insertions(+), 30 deletions(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -27,22 +27,6 @@ section > p > br
 {
   display: none;
 }
-/* Rules for buttons row */
-.button-row {
-  width: 100%;
-  display: inline-block;
-}
-.button-row > .button {
-  display: inline-block;
-  margin-left: 5px;
-  margin-right: 5px;
-  max-height: 50px;
-}
-a.button > img {
-  height: 30px;
-  width: auto;
-  margin-right: 5px;
-}
 /* inactive class */
 .inactive {
   opacity: 0.5;
@@ -55,6 +39,7 @@ a.button > img {
 table {
   width: 100%;
 }
+/* subfeed iframe */
 .subfeed {
   width: 100%;
   height: 200px;
diff --git a/templates/index.tt b/templates/index.tt
@@ -76,11 +76,13 @@
         <!-- Content Entries -->
         [% FOREACH entry IN feed.entries %]
         <section data="[% entry.issued | html %]">
+          <!-- Headline -->
           <h3>
             <a href="[% entry.link | url | html %]" target="_blank" rel="nofollow">
               [% entry.title | html %]
             </a>
           </h3>
+          <!-- Content -->
           <div class="article_content">
             [% IF entry.summary.body %]
               <p><!--start-->[% entry.summary.body  %]<!--end--></p>
@@ -88,24 +90,17 @@
                 <!--start-->[% entry.content.body %]<!--end-->
             [% END %]
           </div>
-
-          <div class="button-row">
-            <a
-              class="button"
-              target="_blank"
-              rel="nofollow"
-              href="[% entry.link | url | html %]"
-              style="width:auto;min-width:65px;"
-            >
+          <!-- Information -->
+          <div style="width:100%;">
+            <stretch style="margin-right:0.25em">
               <!--DOMAIN src="[% entry.link | url | html %]">-->
-            </a>
+            </stretch>
             [% IF entry.issued %]
-              <stretch class="button">
-                [% entry.issued | html %]
-              </stretch>
+            <stretch style="margin-left:0.25em;">
+              [% entry.issued | html %]
+            </stretch>
             [% END %]
           </div>
-
         </section>
         [% END %]