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

Pad Not Pinned: Better CSS, moved element outside of the title element, added it in poll, better colors, tippy, and login/register in same window

Browse Source
This commit is contained in:
Caleb James DeLisle
2017-12-08 14:00:53 +01:00
parent 617c4b6044
commit 12b0f3e201
4 changed files with 69 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
customize.dist/src/less2/include/toolbar.less
View File

@@ -421,10 +421,45 @@
height: @toolbar_top-height;
position: relative;
width: 100%;
.cp-pad-not-pinned {
order: 4;
flex: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
align-self: center;
padding-left: 20px;
padding-right: 5px;
font-size: @colortheme_app-font-size;
color: @warn-color;
.cp-pnp-msg {
padding-left: 5px;
font-family: @colortheme_font;
font-size: @colortheme_app-font-size;
a {
font-size: @colortheme_app-font-size;
font-weight: bold;
color: @warn-color;
&:hover {
text-decoration: underline;
}
}
@media screen and (max-width: (@browser_media-not-big)) {
display: none;
}
}
@media screen and (max-width: (@browser_media-not-big)) {
overflow: visible;
max-width: 20px;
}
}
.cp-toolbar-top-filler {
height: @toolbar_top-height;
display: inline-block;
order: 4;
order: 5;
//flex: 1;
}
.cp-toolbar-title {
@@ -504,35 +539,6 @@
padding: 5px 5px;
height: 40px;
}
.cp-pad-not-pinned {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
align-self: right;
padding-left: 20px;
padding-left: 5px;
font-size: @colortheme_app-font-size;
color: @warn-color;
.cp-pnp-msg {
padding-left: 5px;
a {
font-size: @colortheme_app-font-size;
font-weight: bold;
color: @warn-color;
&:hover {
text-decoration: underline;
}
}
@media screen and (max-width: (@browser_media-not-big)) {
display: none;
}
}
@media screen and (max-width: (@browser_media-not-big)) {
overflow: visible;
}
}
}
.cp-toolbar-link, .cp-toolbar-new {
font-size: 48px;
@@ -615,7 +621,7 @@
.cp-toolbar-user {
height: @toolbar_top-height;
display: inline-flex;
order: 5;
order: 6;
line-height: @toolbar_top-height;
color: white;
.cp-toolbar-new { order: 2; }