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

New tooltips

Browse Source
This commit is contained in:
yflory
2018-04-12 19:08:08 +02:00
parent 4a23b57655
commit 9d57548f1d
12 changed files with 131 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
customize.dist/src/less2/include/app-noscroll.less
View File

@@ -7,6 +7,7 @@
overflow: hidden;
box-sizing: border-box;
position: relative;
border: 0;
body {
height: 100%;
width: 100%;
@@ -15,6 +16,7 @@
overflow: hidden;
box-sizing: border-box;
position: relative;
border: 0;
}
}

1
customize.dist/src/less2/include/creation.less
View File

@@ -48,7 +48,6 @@
background: @colortheme_creation-modal-bg;
color: @colortheme_creation-modal;
font: @colortheme_app-font;
width: 100%;
outline: none;
width: 700px;
max-width: 90vw;

2
customize.dist/src/less2/include/framework.less
View File

@@ -3,6 +3,7 @@
@import (once) './alertify.less';
@import (once) './tokenfield.less';
@import (once) './creation.less';
@import (once) './tippy.less';
.framework_main(@bg-color, @warn-color, @color) {
.toolbar_main(
@@ -13,6 +14,7 @@
.fileupload_main();
.alertify_main();
.tokenfield_main();
.tippy_main();
.creation_main(
@bg-color: @bg-color,
@warn-color: @warn-color,

57
customize.dist/src/less2/include/tippy.less Normal file
View File

@@ -0,0 +1,57 @@
@import (once) './creation.less';
.tippy_main() {
.tippy-tooltip.cryptpad-theme {
/* Your styling here. Example: */
background-color: white;
box-shadow: 2px 2px 10px #000;
//border: 1px solid #BBB;
//border-radius: 0;
//border: 2px solid orange;
font-weight: bold;
color: #333;
[x-circle] {
background-color: unset;
}
}
/*
.tippy-popper[x-placement=top] {
.tippy-tooltip.cryptpad-theme {
margin-bottom: 12px;
[x-arrow] {
bottom: -12px;
transform: scale(2);
}
}
}
.tippy-popper[x-placement=bottom] {
.tippy-tooltip.cryptpad-theme {
margin-top: 12px;
[x-arrow] {
top: -12px;
transform: scale(2);
}
}
}
*/
.tippy-popper[x-placement=right] {
max-width: 200px;
/* .tippy-tooltip.cryptpad-theme {
margin-left: 12px;
[x-arrow] {
left: -12px;
transform: scale(2);
}
}*/
}
.tippy-popper[x-placement=left] {
max-width: 200px;
/* .tippy-tooltip.cryptpad-theme {
margin-right: 12px;
[x-arrow] {
right: -12px;
transform: scale(2);
}
}*/
}
}