adjust tooltip style

This commit is contained in:
David Benqué 2019-11-06 16:24:57 +01:00
parent 46cb0946ac
commit 252402c8e4
2 changed files with 20 additions and 3 deletions

View file

@ -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;

View file

@ -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;
}
}
} }