Tweak .button-on css

This commit is contained in:
JC Brand 2018-03-16 19:41:00 +00:00
parent 7b8a244163
commit 14de16f728
5 changed files with 43 additions and 43 deletions

View File

@ -4917,11 +4917,12 @@ body.reset {
#conversejs .chat-head a:hover.chatbox-btn.fa, #conversejs .chat-head a:hover.chatbox-btn.fa,
#conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa { #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa {
color: white; } color: white; }
#converse-embedded-chat .chat-head a.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:visited.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:hover.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:visited.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:hover.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before,
#conversejs .chat-head a.chatbox-btn.fa.button-on, #conversejs .chat-head a.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:visited.chatbox-btn.fa.button-on, #conversejs .chat-head a:visited.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:hover.chatbox-btn.fa.button-on, #conversejs .chat-head a:hover.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on { #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
padding: 0.2em;
background-color: white; background-color: white;
color: #3AA569; } color: #3AA569; }
#converse-embedded-chat .chat-head .chatbox-btn, #converse-embedded-chat .chat-head .chatbox-btn,
@ -4934,8 +4935,9 @@ body.reset {
#conversejs .chat-head .chatbox-btn:active { #conversejs .chat-head .chatbox-btn:active {
position: relative; position: relative;
top: 1px; } top: 1px; }
#converse-embedded-chat .chat-head .chatbox-btn.button-on, #converse-embedded-chat .chat-head .chatbox-btn.button-on:before,
#conversejs .chat-head .chatbox-btn.button-on { #conversejs .chat-head .chatbox-btn.button-on:before {
border-radius: 5%;
background-color: white; background-color: white;
color: #3AA569; } color: #3AA569; }
#converse-embedded-chat .chatbox, #converse-embedded-chat .chatbox,
@ -5912,16 +5914,14 @@ body.reset {
#conversejs .chat-head-chatroom a:hover.chatbox-btn.fa, #conversejs .chat-head-chatroom a:hover.chatbox-btn.fa,
#conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa { #conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa {
color: white; } color: white; }
#converse-embedded-chat .chat-head-chatroom a.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:visited.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:hover.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:visited.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:hover.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on { #conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
background-color: white;
color: #E77051; } color: #E77051; }
#converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on, #converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on:before,
#conversejs .chat-head-chatroom .chatbox-btn.button-on { #conversejs .chat-head-chatroom .chatbox-btn.button-on:before {
background-color: white;
color: #E77051; } color: #E77051; }
#converse-embedded-chat .chat-head-chatroom .chat-title, #converse-embedded-chat .chat-head-chatroom .chat-title,
#conversejs .chat-head-chatroom .chat-title { #conversejs .chat-head-chatroom .chat-title {

View File

@ -4969,11 +4969,12 @@ body {
#conversejs .chat-head a:hover.chatbox-btn.fa, #conversejs .chat-head a:hover.chatbox-btn.fa,
#conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa { #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa {
color: white; } color: white; }
#converse-embedded-chat .chat-head a.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:visited.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:hover.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head a.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:visited.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:hover.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before,
#conversejs .chat-head a.chatbox-btn.fa.button-on, #conversejs .chat-head a.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:visited.chatbox-btn.fa.button-on, #conversejs .chat-head a:visited.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:hover.chatbox-btn.fa.button-on, #conversejs .chat-head a:hover.chatbox-btn.fa.button-on:before,
#conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on { #conversejs .chat-head a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
padding: 0.2em;
background-color: white; background-color: white;
color: #3AA569; } color: #3AA569; }
#converse-embedded-chat .chat-head .chatbox-btn, #converse-embedded-chat .chat-head .chatbox-btn,
@ -4986,8 +4987,9 @@ body {
#conversejs .chat-head .chatbox-btn:active { #conversejs .chat-head .chatbox-btn:active {
position: relative; position: relative;
top: 1px; } top: 1px; }
#converse-embedded-chat .chat-head .chatbox-btn.button-on, #converse-embedded-chat .chat-head .chatbox-btn.button-on:before,
#conversejs .chat-head .chatbox-btn.button-on { #conversejs .chat-head .chatbox-btn.button-on:before {
border-radius: 5%;
background-color: white; background-color: white;
color: #3AA569; } color: #3AA569; }
#converse-embedded-chat .chatbox, #converse-embedded-chat .chatbox,
@ -6050,16 +6052,14 @@ body {
#conversejs .chat-head-chatroom a:hover.chatbox-btn.fa, #conversejs .chat-head-chatroom a:hover.chatbox-btn.fa,
#conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa { #conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa {
color: white; } color: white; }
#converse-embedded-chat .chat-head-chatroom a.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:visited.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:hover.chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on, #converse-embedded-chat .chat-head-chatroom a.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before, #converse-embedded-chat .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:visited.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a:visited.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:hover.chatbox-btn.fa.button-on, #conversejs .chat-head-chatroom a:hover.chatbox-btn.fa.button-on:before,
#conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on { #conversejs .chat-head-chatroom a:not([href]):not([tabindex]).chatbox-btn.fa.button-on:before {
background-color: white;
color: #E77051; } color: #E77051; }
#converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on, #converse-embedded-chat .chat-head-chatroom .chatbox-btn.button-on:before,
#conversejs .chat-head-chatroom .chatbox-btn.button-on { #conversejs .chat-head-chatroom .chatbox-btn.button-on:before {
background-color: white;
color: #E77051; } color: #E77051; }
#converse-embedded-chat .chat-head-chatroom .chat-title, #converse-embedded-chat .chat-head-chatroom .chat-title,
#conversejs .chat-head-chatroom .chat-title { #conversejs .chat-head-chatroom .chat-title {

6
package-lock.json generated
View File

@ -4035,7 +4035,7 @@
}, },
"npm": { "npm": {
"version": "5.7.1", "version": "5.7.1",
"resolved": "https://registry.npmjs.org/npm/-/npm-5.7.1.tgz", "resolved": "http://registry.npmjs.org/npm/-/npm-5.7.1.tgz",
"integrity": "sha512-r1grvv6mcEt+nlMzMWPc5n/z5q8NNuBWj0TGFp1PBSFCl6ubnAoUGBsucYsnZYT7MOJn0ha1ptEjmdBoAdJ+SA==", "integrity": "sha512-r1grvv6mcEt+nlMzMWPc5n/z5q8NNuBWj0TGFp1PBSFCl6ubnAoUGBsucYsnZYT7MOJn0ha1ptEjmdBoAdJ+SA==",
"requires": { "requires": {
"JSONStream": "1.3.2", "JSONStream": "1.3.2",
@ -7997,7 +7997,7 @@
}, },
"onetime": { "onetime": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz", "resolved": "http://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
"integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=", "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
"dev": true "dev": true
}, },
@ -8223,7 +8223,7 @@
}, },
"pinkie-promise": { "pinkie-promise": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", "resolved": "http://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
"integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
"dev": true, "dev": true,
"requires": { "requires": {

View File

@ -70,8 +70,9 @@
&.chatbox-btn { &.chatbox-btn {
&.fa { &.fa {
color: white; color: white;
&.button-on { &.button-on:before {
background-color: white; padding: 0.2em;
background-color: $chat-head-text-color;
color: $chat-head-color; color: $chat-head-color;
} }
} }
@ -87,8 +88,9 @@
position: relative; position: relative;
top: 1px; top: 1px;
} }
&.button-on { &.button-on:before {
background-color: white; border-radius: 5%;
background-color: $chat-head-text-color;
color: $chat-head-color; color: $chat-head-color;
} }
} }

View File

@ -20,8 +20,7 @@
&.chatbox-btn { &.chatbox-btn {
&.fa { &.fa {
color: $chat-head-text-color; color: $chat-head-text-color;
&.button-on { &.button-on:before {
background-color: $chat-head-text-color;
color: $chatroom-head-color; color: $chatroom-head-color;
} }
} }
@ -29,8 +28,7 @@
} }
.chatbox-btn { .chatbox-btn {
&.button-on { &.button-on:before {
background-color: $chat-head-text-color;
color: $chatroom-head-color; color: $chatroom-head-color;
} }
} }