--- a/web/src/css/main.scss Fri Nov 15 02:01:12 2024 +0100
+++ b/web/src/css/main.scss Fri Nov 15 17:17:09 2024 +0100
@@ -273,6 +273,35 @@
color:red;
}
+
+#tweetLoader {
+ float: right; background: transparent; border: none; font-size: 13px;
+ font-weight:bold; margin: 4px 0 0; padding: 0; color: #666;
+ width: 1em;
+ height: 1em;
+ display: none;
+}
+
+#tweetLoader.tweetLoading {
+ display: block;
+ background: transparent url('../../images/tweet_spinner.svg');
+ background-size: contain;
+}
+
+@mixin tweet-ring($color) {
+ background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25" stroke="#{$color}" fill="#{$color}"/></svg>');
+}
+
+
+
+#tweetLoader.tweetLoadingError {
+ @include tweet-ring(red);
+ display: block;
+ background-size: contain;
+}
+
+
+
/* Liste de Tweets */
#tweetviz {