Nicer rendering of the spinner in MUC rooms
This commit is contained in:
parent
ecdb3a12be
commit
2f8fac03ff
|
@ -1185,23 +1185,6 @@
|
||||||
#converse-embedded-chat .emoticon,
|
#converse-embedded-chat .emoticon,
|
||||||
#conversejs .emoticon {
|
#conversejs .emoticon {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
#converse-embedded-chat .left,
|
|
||||||
#conversejs .left {
|
|
||||||
float: left; }
|
|
||||||
#converse-embedded-chat .right,
|
|
||||||
#conversejs .right {
|
|
||||||
float: right; }
|
|
||||||
#converse-embedded-chat .centered,
|
|
||||||
#conversejs .centered {
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
margin: 5em auto; }
|
|
||||||
#converse-embedded-chat .hor_centered,
|
|
||||||
#conversejs .hor_centered {
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
clear: both; }
|
|
||||||
@keyframes fadein {
|
@keyframes fadein {
|
||||||
0% {
|
0% {
|
||||||
opacity: 0; }
|
opacity: 0; }
|
||||||
|
@ -1265,12 +1248,30 @@
|
||||||
animation: spin 2s infinite, linear;
|
animation: spin 2s infinite, linear;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 5px; }
|
margin: 1em; }
|
||||||
#converse-embedded-chat .spinner:before,
|
#converse-embedded-chat .spinner:before,
|
||||||
#conversejs .spinner:before {
|
#conversejs .spinner:before {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: 'Converse-js' !important;
|
font-family: 'Converse-js' !important;
|
||||||
content: "\231b"; }
|
content: "\231b"; }
|
||||||
|
#converse-embedded-chat .left,
|
||||||
|
#conversejs .left {
|
||||||
|
float: left; }
|
||||||
|
#converse-embedded-chat .right,
|
||||||
|
#conversejs .right {
|
||||||
|
float: right; }
|
||||||
|
#converse-embedded-chat .centered,
|
||||||
|
#conversejs .centered {
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 50% 0; }
|
||||||
|
#converse-embedded-chat .hor_centered,
|
||||||
|
#conversejs .hor_centered {
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
clear: both; }
|
||||||
#converse-embedded-chat .button-group,
|
#converse-embedded-chat .button-group,
|
||||||
#converse-embedded-chat .input-button-group,
|
#converse-embedded-chat .input-button-group,
|
||||||
#conversejs .button-group,
|
#conversejs .button-group,
|
||||||
|
|
|
@ -41,6 +41,10 @@
|
||||||
@media screen and (max-width: $mobile-portrait-length) {
|
@media screen and (max-width: $mobile-portrait-length) {
|
||||||
width: $mobile-chat-width;
|
width: $mobile-chat-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.spinner {
|
||||||
|
}
|
||||||
|
|
||||||
.box-flyout {
|
.box-flyout {
|
||||||
min-width: $chatroom-width;
|
min-width: $chatroom-width;
|
||||||
width: $chatroom-width;
|
width: $chatroom-width;
|
||||||
|
|
|
@ -42,23 +42,6 @@
|
||||||
.emoticon {
|
.emoticon {
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
}
|
}
|
||||||
.left {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
.right {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
.centered {
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
margin: 5em auto;
|
|
||||||
}
|
|
||||||
.hor_centered {
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadein {
|
@keyframes fadein {
|
||||||
0% { opacity: 0 }
|
0% { opacity: 0 }
|
||||||
|
@ -99,13 +82,31 @@
|
||||||
@include animation(spin 2s infinite, linear);
|
@include animation(spin 2s infinite, linear);
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 5px;
|
margin: 1em;
|
||||||
&:before {
|
&:before {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: 'Converse-js' !important;
|
font-family: 'Converse-js' !important;
|
||||||
content: "\231b";
|
content: "\231b";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.centered {
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 50% 0;
|
||||||
|
}
|
||||||
|
.hor_centered {
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
.button-group,
|
.button-group,
|
||||||
.input-button-group {
|
.input-button-group {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user