imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract tooltip styling to a shared class

Browse source 
We want to use the same styling with edited tooltip as well, so this extracts
the shared bits.
This commit is contained in:
J. Ryan Stinnett 2019-05-17 12:09:47 +01:00
parent 3da1f73ea4
commit 059988ff5c
6 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

1
res/css/_common.scss
View file

@ -557,4 +557,3 @@ textarea {
.mx_Username_color8 {
color: $username-variant8-color;
}

13
res/css/views/elements/_Tooltip.scss
View file

@ -74,3 +74,16 @@ limitations under the License.
animation: mx_fadeout 0.1s forwards;
}
}
.mx_Tooltip_timeline {
box-shadow: none;
background-color: $tooltip-timeline-bg-color;
color: $tooltip-timeline-fg-color;
text-align: center;
border: none;
border-radius: 3px;
.mx_Tooltip_chevron::after {
border-right-color: $tooltip-timeline-bg-color;
}
}

10
res/css/views/messages/_ReactionsRowButtonTooltip.scss
View file

@ -15,18 +15,8 @@ limitations under the License.
*/
.mx_ReactionsRowButtonTooltip {
box-shadow: none;
background-color: $reaction-row-button-tooltip-bg-color;
color: $reaction-row-button-tooltip-fg-color;
text-align: center;
font-size: 8px;
padding: 6px;
border: none;
border-radius: 3px;
.mx_Tooltip_chevron::after {
border-right-color: $reaction-row-button-tooltip-bg-color;
}
.mx_ReactionsRowButtonTooltip_reactedWith {
opacity: 0.7;