Borderless window buttons.

The padding didn't appear consistent across browsers.
This commit is contained in:
JC Brand 2017-03-01 22:12:30 +01:00
parent c58348dd02
commit 6121a3e11c
3 changed files with 10 additions and 16 deletions

View File

@ -1441,7 +1441,6 @@
color: white; color: white;
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
height: 1.3em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -1449,17 +1448,15 @@
padding-top: 0.5em; } padding-top: 0.5em; }
#converse-embedded-chat .chatbox-btn, #converse-embedded-chat .chatbox-btn,
#conversejs .chatbox-btn { #conversejs .chatbox-btn {
border-radius: 50%; border-radius: 25%;
border: 1px solid white; border: none;
color: white; color: white;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
float: right; float: right;
font-size: 10px; font-size: 12px;
margin: 0; margin: 0 0.2em;
margin-left: 0.1em; padding: 0.3em;
margin-right: 0.2em;
padding: 0.5em;
text-decoration: none; } text-decoration: none; }
#converse-embedded-chat .chatbox-btn:active, #converse-embedded-chat .chatbox-btn:active,
#conversejs .chatbox-btn:active { #conversejs .chatbox-btn:active {

View File

@ -47,7 +47,6 @@
color: white; color: white;
font-size: 80%; font-size: 80%;
font-style: italic; font-style: italic;
height: 1.3em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -56,17 +55,15 @@
} }
} }
.chatbox-btn { .chatbox-btn {
border-radius: 50%; border-radius: 25%;
border: 1px solid white; border: none;
color: white; color: white;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
float: right; float: right;
font-size: $box-close-font-size; font-size: $box-close-font-size;
margin: 0; margin: 0 0.2em;
margin-left: 0.1em; padding: 0.3em;
margin-right: 0.2em;
padding: 0.5em;
text-decoration: none; text-decoration: none;
&:active { &:active {
position: relative; position: relative;

View File

@ -80,4 +80,4 @@ $box-close-button-padding-top: 4px !default;
$box-close-button-padding-bottom: 4px !default; $box-close-button-padding-bottom: 4px !default;
$box-close-button-padding-left: 4px !default; $box-close-button-padding-left: 4px !default;
$box-close-button-padding-right: 4px !default; $box-close-button-padding-right: 4px !default;
$box-close-font-size: 10px !default; $box-close-font-size: 12px !default;