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

View File

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