Different way of highlighting dollowers button prevents odd shapes

master
Bob Mottram 2019-08-02 11:37:03 +01:00
parent e10e133eeb
commit 52092e1d85
3 changed files with 39 additions and 5 deletions

View File

@ -105,6 +105,22 @@ body, html {
margin: 5px;
}
.buttonhighlighted {
border-radius: 4px;
background-color: green;
border: none;
color: white;
text-align: center;
font-size: 18px;
padding: 10px;
width: 20%;
max-width: 200px;
min-width: 100px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.timelineIcon {
width: 10%;
}
@ -186,6 +202,22 @@ body, html {
margin: 5px;
}
.buttonselectedhighlighted {
border-radius: 4px;
background-color: darkgreen;
border: none;
color: white;
text-align: center;
font-size: 18px;
padding: 10px;
width: 20%;
max-width: 200px;
min-width: 140px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.buttonselected span {
cursor: pointer;
display: inline-block;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -384,7 +384,7 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \
loginButton=''
followApprovalsSection=''
followApprovals=''
followApprovals=False
linkToTimelineStart=''
linkToTimelineEnd=''
editProfileStr=''
@ -402,11 +402,13 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \
with open(followRequestsFilename,'r') as f:
for line in f:
if len(line)>0:
# show a star on the followers tab
followApprovals='<img class="highlight" src="/icons/new.png"/>'
followApprovals=True
followersButton='buttonhighlighted'
if selected=='followers':
followersButton='buttonselectedhighlighted'
break
if selected=='followers':
if len(followApprovals)>0:
if followApprovals:
with open(followRequestsFilename,'r') as f:
for followerHandle in f:
if len(line)>0:
@ -440,7 +442,7 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \
' <center>' \
' <a href="'+actor+'"><button class="'+postsButton+'"><span>Posts </span></button></a>' \
' <a href="'+actor+'/following"><button class="'+followingButton+'"><span>Following </span></button></a>' \
' <a href="'+actor+'/followers"><button class="'+followersButton+'"><span>Followers </span>'+followApprovals+'</button></a>' \
' <a href="'+actor+'/followers"><button class="'+followersButton+'"><span>Followers </span></button></a>' \
' <a href="'+actor+'/roles"><button class="'+rolesButton+'"><span>Roles </span></button></a>' \
' <a href="'+actor+'/skills"><button class="'+skillsButton+'"><span>Skills </span></button></a>' \
' <a href="'+actor+'/shares"><button class="'+sharesButton+'"><span>Shares </span></button></a>'+ \