Make button and style ':' sign
This commit is contained in:
parent
9546817ad2
commit
b89eb4f1e8
3 changed files with 23 additions and 63 deletions
|
@ -428,7 +428,7 @@ class UiWebsocketPlugin(object):
|
||||||
body.append(_(u"""
|
body.append(_(u"""
|
||||||
<div class='flex'>
|
<div class='flex'>
|
||||||
<input type='text' class='text' value="content.json" id='input-contents'/>
|
<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='button-sign-publish'>{_[Sign and publish]}</a>
|
||||||
<a href='#Sign-and-Publish' id='menu-sign-publish'>\u22EE</a>
|
<a href='#Sign-and-Publish' id='menu-sign-publish'>\u22EE</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -124,40 +124,20 @@
|
||||||
.contents a { color: white }
|
.contents a { color: white }
|
||||||
.contents a:active { background-color: #6B6B6B }
|
.contents a:active { background-color: #6B6B6B }
|
||||||
|
|
||||||
.sign-publish-flex {
|
#wrapper-sign-publish {
|
||||||
padding-bottom: 65px;
|
padding: 0;
|
||||||
|
}
|
||||||
|
#button-sign-publish, #menu-sign-publish {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 5px 10px;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
#button-sign-publish {
|
#button-sign-publish {
|
||||||
position: relative;
|
margin-right: 5px;
|
||||||
padding: 0;
|
|
||||||
padding-left: 10px;
|
|
||||||
color: #000;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
#button-sign-publish-arrow {
|
#menu-sign-publish {
|
||||||
display: inline-block;
|
margin-left: 5px;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Small screen */
|
/* Small screen */
|
||||||
|
|
|
@ -202,40 +202,20 @@
|
||||||
.contents a { color: white }
|
.contents a { color: white }
|
||||||
.contents a:active { background-color: #6B6B6B }
|
.contents a:active { background-color: #6B6B6B }
|
||||||
|
|
||||||
.sign-publish-flex {
|
#wrapper-sign-publish {
|
||||||
padding-bottom: 65px;
|
padding: 0;
|
||||||
|
}
|
||||||
|
#button-sign-publish, #menu-sign-publish {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 5px 10px;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
#button-sign-publish {
|
#button-sign-publish {
|
||||||
position: relative;
|
margin-right: 5px;
|
||||||
padding: 0;
|
|
||||||
padding-left: 10px;
|
|
||||||
color: #000;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
#button-sign-publish-arrow {
|
#menu-sign-publish {
|
||||||
display: inline-block;
|
margin-left: 5px;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Small screen */
|
/* Small screen */
|
||||||
|
|
Loading…
Reference in a new issue