Only show mobile buttons on mobile

merge-requests/8/head
Bob Mottram 2020-10-25 20:58:13 +00:00
parent 57bc04775f
commit a466d6764d
2 changed files with 81 additions and 31 deletions

View File

@ -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);

View File

@ -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,47 +6404,76 @@ def htmlTimeline(defaultTimeline: str,
# what screen to go to when a new post is created
if boxName == 'dm':
newPostButtonStr = \
' <a class="imageAnchor" href="' + usersPath + \
'/newdm"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
translate['Create a new DM'] + \
'" alt="| ' + translate['Create a new DM'] + \
'" class="timelineicon"/></a>\n'
if not iconsAsButtons:
newPostButtonStr = \
' <a class="imageAnchor" href="' + usersPath + \
'/newdm"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
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':
newPostButtonStr = \
' <a class="imageAnchor" href="' + usersPath + \
'/newblog"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
translate['Create a new post'] + '" alt="| ' + \
translate['Create a new post'] + \
'" class="timelineicon"/></a>\n'
elif boxName == 'tlevents':
newPostButtonStr = \
' <a class="imageAnchor" href="' + usersPath + \
'/newevent"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
translate['Create a new event'] + '" alt="| ' + \
translate['Create a new event'] + \
'" class="timelineicon"/></a>\n'
else:
if not manuallyApproveFollowers:
if not iconsAsButtons:
newPostButtonStr = \
' <a class="imageAnchor" href="' + usersPath + \
'/newpost"><img loading="lazy" src="/' + \
'/newblog"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
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 + \
'/newfollowers"><img loading="lazy" src="/' + \
'/newevent"><img loading="lazy" src="/' + \
iconsDir + '/newpost.png" title="' + \
translate['Create a new post'] + \
'" alt="| ' + translate['Create a new post'] + \
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="/' + \
iconsDir + '/newpost.png" title="' + \
translate['Create a new post'] + '" alt="| ' + \
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="/' + \
iconsDir + '/newpost.png" title="' + \
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 += \