web/src/css/main.scss
changeset 1581 2d713fdd532f
parent 1575 ce1d5b0d1479
--- 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 {