supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Set tooltip colors to be readable on both light and dark backgrounds

Browse Source
This commit is contained in:
Jérémie Astori 2016-08-03 01:11:50 -04:00
parent e99bf9ac0a
commit 83d1a99608
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/css/style.css
View File

@ -1373,7 +1373,7 @@ button {
padding: 5px 8px; padding: 5px 8px;
font: 12px Lato; font: 12px Lato;
line-height: 1.2; line-height: 1.2;
color: #262c36; color: #fff;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
text-shadow: none; text-shadow: none;
@ -1383,7 +1383,7 @@ button {
white-space: pre; white-space: pre;
pointer-events: none; pointer-events: none;
content: attr(aria-label); content: attr(aria-label);
background: #fff; background: #222;
border-radius: 3px; border-radius: 3px;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
transition: .2s; transition: .2s;
@ -1397,7 +1397,7 @@ button {
opacity: 0; opacity: 0;
width: 0; width: 0;
height: 0; height: 0;
color: #262c36; color: #fff;
pointer-events: none; pointer-events: none;
content: ""; content: "";
border: 5px solid transparent; border: 5px solid transparent;
@ -1430,7 +1430,7 @@ button {
right: 50%; right: 50%;
bottom: -5px; bottom: -5px;
margin-right: -5px; margin-right: -5px;
border-bottom-color: #fff; border-bottom-color: #222;
} }
.tooltipped-se:after { .tooltipped-se:after {
@ -1458,7 +1458,7 @@ button {
right: 50%; right: 50%;
bottom: auto; bottom: auto;
margin-right: -5px; margin-right: -5px;
border-top-color: #fff; border-top-color: #222;
} }
.tooltipped-ne:after { .tooltipped-ne:after {
@ -1492,7 +1492,7 @@ button {
bottom: 50%; bottom: 50%;
left: -5px; left: -5px;
margin-top: -5px; margin-top: -5px;
border-left-color: #fff; border-left-color: #222;
} }
.tooltipped-e:after { .tooltipped-e:after {
@ -1509,9 +1509,11 @@ button {
right: -5px; right: -5px;
bottom: 50%; bottom: 50%;
margin-top: -5px; margin-top: -5px;
border-right-color: #fff; border-right-color: #222;
} }
/* End tooltips */
/** /**
* IRC Message Styling * IRC Message Styling
* https://github.com/megawac/irc-style-parser * https://github.com/megawac/irc-style-parser