adjust tooltip style
This commit is contained in:
parent
46cb0946ac
commit
252402c8e4
2 changed files with 20 additions and 3 deletions
|
@ -167,6 +167,7 @@
|
||||||
|
|
||||||
@cryptpad_color_blue: #4591C4;
|
@cryptpad_color_blue: #4591C4;
|
||||||
@cryptpad_color_grey: #999999;
|
@cryptpad_color_grey: #999999;
|
||||||
|
@cryptpad_color_light_grey: #e0e0e0;
|
||||||
@cryptpad_header_col: #1E1F1F;
|
@cryptpad_header_col: #1E1F1F;
|
||||||
@cryptpad_text_col: #3F4141;
|
@cryptpad_text_col: #3F4141;
|
||||||
@cryptpad_color_light_blue: #00b7d8;
|
@cryptpad_color_light_blue: #00b7d8;
|
||||||
|
|
|
@ -6,13 +6,29 @@
|
||||||
& {
|
& {
|
||||||
.tippy-tooltip.cryptpad-theme {
|
.tippy-tooltip.cryptpad-theme {
|
||||||
/* Your styling here. Example: */
|
/* Your styling here. Example: */
|
||||||
background-color: white;
|
background-color: @cryptpad_color_light_grey;
|
||||||
box-shadow: 2px 2px 10px #000;
|
border-radius: 0px;
|
||||||
font-weight: bold;
|
// box-shadow: 2px 2px 10px #000;
|
||||||
|
// font-weight: bold;
|
||||||
color: #333;
|
color: #333;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
[x-circle] {
|
[x-circle] {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.tippy-popper {
|
||||||
|
@arrow-color:@cryptpad_color_light_grey;
|
||||||
|
&[x-placement^='top'] .tippy-arrow {
|
||||||
|
border-top-color: @arrow-color;
|
||||||
|
}
|
||||||
|
&[x-placement^='bottom'] .tippy-arrow {
|
||||||
|
border-bottom-color: @arrow-color;
|
||||||
|
}
|
||||||
|
&[x-placement^='left'] .tippy-arrow {
|
||||||
|
border-left-color: @arrow-color;
|
||||||
|
}
|
||||||
|
&[x-placement^='right'] .tippy-arrow {
|
||||||
|
border-right-color: @arrow-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue