web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve the UI with FontAwesome icons

Browse Source
This commit is contained in:
yflory
2016-09-27 18:33:03 +02:00
parent 07434eb4c4
commit 3d54413343
16 changed files with 232 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
customize.dist/toolbar.css
View File

@@ -29,7 +29,7 @@
padding: 0 10px;
height: 1.5em;
line-height: 25px;
height: 22px;
height: 100%;
}
.cryptpad-toolbar div.cryptpad-back {
padding: 0;
@@ -40,12 +40,17 @@
.cryptpad-toolbar button {
height: 100%;
background-color: inherit;
background-image: linear-gradient(to bottom, #fff, #e4e4e4);
border: 1px solid #A6A6A6;
border-radius: 5px;
border-bottom-color: #979797;
border-radius: 3px;
margin-right: 5px;
padding-right: 5px;
padding-left: 5px;
}
.cryptpad-toolbar button:hover {
background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
}
.cryptpad-toolbar .rightside-button {
float: right;
cursor: pointer;
@@ -83,3 +88,22 @@
.cryptpad-toolbar-username {
font-style: italic;
}
.lag {
display: inline-block;
vertical-align: middle;
padding: 0 !important;
margin: 0 !important;
height: 15px !important;
width: 15px !important;
border-radius: 50%;
border: 1px solid #444;
}
.lag-green {
background-color: #46E981;
}
.lag-red {
background-color: #FF0073;
}
.lag-orange {
background-color: #FE9A2E;
}