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

Fix CSS issues in Microsoft Edge

Browse Source
This commit is contained in:
Pavel Djundik 2018-05-01 17:10:41 +03:00
parent 886301e765
commit 6c41b68bca
1 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/css/style.css
View File

@ -257,16 +257,8 @@ kbd {
} }
#viewport .lt::before { content: "\f0c9"; /* http://fontawesome.io/icon/bars/ */ } #viewport .lt::before { content: "\f0c9"; /* http://fontawesome.io/icon/bars/ */ }
#viewport .rt::before { content: "\f0c0"; /* https://fontawesome.com/icons/users?style=solid */ }
#viewport .rt::before { #chat button.menu::before { content: "\f142"; /* http://fontawesome.io/icon/ellipsis-v/ */ }
content: "\f0c0"; /* https://fontawesome.com/icons/users?style=solid */
line-height: 36px; /* fix alignment in Microsoft Edge */
}
#chat button.menu::before {
content: "\f142"; /* http://fontawesome.io/icon/ellipsis-v/ */
line-height: 36px; /* fix alignment in Microsoft Edge */
}
.context-menu-join::before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ } .context-menu-join::before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ }
.context-menu-user::before { content: "\f007"; /* http://fontawesome.io/icon/user/ */ } .context-menu-user::before { content: "\f007"; /* http://fontawesome.io/icon/user/ */ }
@ -468,6 +460,7 @@ kbd {
#viewport .rt::before, #viewport .rt::before,
#chat button.menu::before { #chat button.menu::before {
width: 36px; width: 36px;
line-height: 36px; /* Fix alignment in Microsoft Edge */
} }
/* Channel list button stays fixed when scrolling... */ /* Channel list button stays fixed when scrolling... */
@ -493,6 +486,7 @@ kbd {
border: 2px solid white; border: 2px solid white;
opacity: 0; opacity: 0;
transition: opacity 0.2s; transition: opacity 0.2s;
background-clip: padding-box; /* Fix border-radius bleeding color */
} }
#viewport.notified .lt::after { #viewport.notified .lt::after {