Only show mobile buttons on mobile

epicyon-profile.css

@@ -1276,6 +1276,9 @@ aside .toggle-inside li {
         cursor: pointer;
         margin: 5px;
     }
+    .buttonMobile {
+        display: none;
+    }
     .button {
         border-radius: var(--button-corner-radius);
         background-color: var(--button-background);
@@ -1879,6 +1882,24 @@ aside .toggle-inside li {
         cursor: pointer;
         margin: 15px;
     }
+    .buttonMobile {
+        border-radius: var(--button-corner-radius);
+        background-color: var(--button-background);
+        color: var(--button-text);
+        text-align: center;
+        font-size: var(--font-size-button-mobile);
+        font-family: Arial, Helvetica, sans-serif;
+        padding: var(--button-height-padding-mobile);
+        width: 20%;
+        min-width: var(--button-width-chars);
+        transition: all 0.5s;
+        cursor: pointer;
+        margin: 15px;
+        border-top: var(--tab-border-width) solid var(--tab-border-color);
+        border-bottom: none;
+        border-left: var(--tab-border-width) solid var(--tab-border-color);
+        border-right: var(--tab-border-width) solid var(--tab-border-color);
+    }
     .button {
         border-radius: var(--button-corner-radius);
         background-color: var(--button-background);

webinterface.py

@@ -6142,7 +6142,7 @@ def getTimelineButtonHeader(defaultTimeline: str,
     else:
         tlStr += \
             '        <a href="' + usersPath + '/newswiremobile' + \
-            '"><button class="button">' + \
+            '"><button class="buttonMobile">' + \
             '<span>' + translate['Newswire'] + \
             '</span></button></a>\n'
 
@@ -6158,7 +6158,7 @@ def getTimelineButtonHeader(defaultTimeline: str,
     else:
         tlStr += \
             '        <a href="' + usersPath + '/linksmobile' + \
-            '"><button class="button">' + \
+            '"><button class="buttonMobile">' + \
             '<span>' + translate['Links'] + \
             '</span></button></a>\n'
 
@@ -6404,6 +6404,7 @@ def htmlTimeline(defaultTimeline: str,
 
     # what screen to go to when a new post is created
     if boxName == 'dm':
+        if not iconsAsButtons:
             newPostButtonStr = \
                 '      <a class="imageAnchor" href="' + usersPath + \
                 '/newdm"><img loading="lazy" src="/' + \
@@ -6411,7 +6412,13 @@ def htmlTimeline(defaultTimeline: str,
                 translate['Create a new DM'] + \
                 '" alt="| ' + translate['Create a new DM'] + \
                 '" class="timelineicon"/></a>\n'
+        else:
+            newPostButtonStr = \
+                '<a href="' + usersPath + '/newdm">' + \
+                '<button class="button"><span>+' + \
+                ' </span></button></a>\n'
     elif boxName == 'tlblogs' or boxName == 'tlnews':
+        if not iconsAsButtons:
             newPostButtonStr = \
                 '        <a class="imageAnchor" href="' + usersPath + \
                 '/newblog"><img loading="lazy" src="/' + \
@@ -6419,7 +6426,13 @@ def htmlTimeline(defaultTimeline: str,
                 translate['Create a new post'] + '" alt="| ' + \
                 translate['Create a new post'] + \
                 '" class="timelineicon"/></a>\n'
+        else:
+            newPostButtonStr = \
+                '<a href="' + usersPath + '/newblog">' + \
+                '<button class="button"><span>+' + \
+                ' </span></button></a>\n'
     elif boxName == 'tlevents':
+        if not iconsAsButtons:
             newPostButtonStr = \
                 '        <a class="imageAnchor" href="' + usersPath + \
                 '/newevent"><img loading="lazy" src="/' + \
@@ -6427,8 +6440,14 @@ def htmlTimeline(defaultTimeline: str,
                 translate['Create a new event'] + '" alt="| ' + \
                 translate['Create a new event'] + \
                 '" class="timelineicon"/></a>\n'
+        else:
+            newPostButtonStr = \
+                '<a href="' + usersPath + '/newevent">' + \
+                '<button class="button"><span>+' + \
+                ' </span></button></a>\n'
     else:
         if not manuallyApproveFollowers:
+            if not iconsAsButtons:
                 newPostButtonStr = \
                     '        <a class="imageAnchor" href="' + usersPath + \
                     '/newpost"><img loading="lazy" src="/' + \
@@ -6437,6 +6456,12 @@ def htmlTimeline(defaultTimeline: str,
                     translate['Create a new post'] + \
                     '" class="timelineicon"/></a>\n'
             else:
+                newPostButtonStr = \
+                    '<a href="' + usersPath + '/newpost">' + \
+                    '<button class="button"><span>+' + \
+                    ' </span></button></a>\n'
+        else:
+            if not iconsAsButtons:
                 newPostButtonStr = \
                     '        <a class="imageAnchor" href="' + usersPath + \
                     '/newfollowers"><img loading="lazy" src="/' + \
@@ -6444,7 +6469,11 @@ def htmlTimeline(defaultTimeline: str,
                     translate['Create a new post'] + \
                     '" alt="| ' + translate['Create a new post'] + \
                     '" class="timelineicon"/></a>\n'
-
+            else:
+                newPostButtonStr = \
+                    '<a href="' + usersPath + '/newfollowers">' + \
+                    '<button class="button"><span>+' + \
+                    ' </span></button></a>\n'
     # This creates a link to the profile page when viewed
     # in lynx, but should be invisible in a graphical web browser
     tlStr += \