Make button and style ':' sign

This commit is contained in:
Ivanq 2017-12-31 18:01:54 +03:00
parent 9546817ad2
commit b89eb4f1e8
3 changed files with 23 additions and 63 deletions

View file

@ -428,7 +428,7 @@ class UiWebsocketPlugin(object):
body.append(_(u"""
<div class='flex'>
<input type='text' class='text' value="content.json" id='input-contents'/>
<span>
<span id='wrapper-sign-publish' class='button'>
<a href='#Sign-and-Publish' id='button-sign-publish'>{_[Sign and publish]}</a>
<a href='#Sign-and-Publish' id='menu-sign-publish'>\u22EE</a>
</span>

View file

@ -124,40 +124,20 @@
.contents a { color: white }
.contents a:active { background-color: #6B6B6B }
.sign-publish-flex {
padding-bottom: 65px;
#wrapper-sign-publish {
padding: 0;
}
#button-sign-publish, #menu-sign-publish {
display: inline-block;
margin: 5px 10px;
text-decoration: none;
}
#button-sign-publish {
position: relative;
padding: 0;
padding-left: 10px;
color: #000;
cursor: pointer;
margin-right: 5px;
}
#button-sign-publish-arrow {
display: inline-block;
padding: 5px 10px;
padding-bottom: 7px;
border-left: 1px solid #888;
margin-left: 3px;
}
#button-sign-publish-menu {
display: none;
width: 100%;
margin-top: 2px;
position: absolute;
left: 0;
top: 100%;
}
#button-sign-publish-menu.visible {
display: inline-block;
}
#button-sign-publish-menu a {
width: 100%;
margin-left: 0;
margin-top: 1px;
#menu-sign-publish {
margin-left: 5px;
}
/* Small screen */

View file

@ -202,40 +202,20 @@
.contents a { color: white }
.contents a:active { background-color: #6B6B6B }
.sign-publish-flex {
padding-bottom: 65px;
#wrapper-sign-publish {
padding: 0;
}
#button-sign-publish, #menu-sign-publish {
display: inline-block;
margin: 5px 10px;
text-decoration: none;
}
#button-sign-publish {
position: relative;
padding: 0;
padding-left: 10px;
color: #000;
cursor: pointer;
margin-right: 5px;
}
#button-sign-publish-arrow {
display: inline-block;
padding: 5px 10px;
padding-bottom: 7px;
border-left: 1px solid #888;
margin-left: 3px;
}
#button-sign-publish-menu {
display: none;
width: 100%;
margin-top: 2px;
position: absolute;
left: 0;
top: 100%;
}
#button-sign-publish-menu.visible {
display: inline-block;
}
#button-sign-publish-menu a {
width: 100%;
margin-left: 0;
margin-top: 1px;
#menu-sign-publish {
margin-left: 5px;
}
/* Small screen */