Button which only appears on desktop

merge-requests/8/head
Bob Mottram 2020-11-02 18:41:09 +00:00
parent 3276d62c3d
commit 57d6657956
2 changed files with 24 additions and 1 deletions

View File

@ -1337,6 +1337,24 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
}
.buttonDesktop {
border-radius: var(--button-corner-radius);
background-color: var(--button-background);
color: var(--button-text);
text-align: center;
font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif;
padding: var(--button-height-padding);
width: 10%;
margin: 5px;
min-width: var(--button-width-chars);
transition: all 0.5s;
cursor: pointer;
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);
}
.publishbtn {
border-radius: var(--button-corner-radius);
background-color: var(--publish-button-background);
@ -1986,6 +2004,11 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color);
}
.buttonDesktop {
background: transparent;
border: none !important;
font-size: 0;
}
.publishbtn {
border-radius: var(--button-corner-radius);
background-color: var(--publish-button-background);

View File

@ -6448,7 +6448,7 @@ def headerButtonsTimeline(defaultTimeline: str,
'<span>' + translate['User'] + '</span></button></a>\n'
tlStr += \
' <a href="' + usersPath + '/editprofile">' + \
'<button class="button">' + \
'<button class="buttonDesktop">' + \
'<span>' + translate['Settings'] + '</span></button></a>\n'
# the newswire button to show right column links