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/src/toolbar.less
View File

@@ -30,7 +30,7 @@
padding: 0 10px;
height: 1.5em;
line-height: 25px;
height: 22px;
height: 100%;
&.cryptpad-back {
padding: 0;
font-weight: bold;
@@ -42,11 +42,16 @@
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;
&:hover {
background-image:linear-gradient(to bottom,#f2f2f2,#ccc);
}
}
.rightside-button {
float: right;
@@ -91,4 +96,23 @@
.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 @cp-outline;
}
.lag-green {
background-color: @cp-green;
}
.lag-red {
background-color: @cp-red;
}
.lag-orange {
background-color: @cp-orange;
}