Просмотр исходного кода

Fixed spinner (loading) in li.right

soyjavi 13 лет назад
Родитель
Сommit
1a6f92a611

+ 4 - 0
examples/kitchen-sink/index.html

@@ -66,6 +66,10 @@
 
         <article id="main-article" class="list indented scroll">
             <ul>
+                <li class="contrast " data-loading="white">
+
+                </li>
+
                 <li class="contrast">
                     <strong>
                     A framework for developers who want to design, build and share cross device apps.

+ 7 - 5
src/stylesheets/Lungo.layout.list.less

@@ -63,15 +63,16 @@
             & .bubble { display: none; }
         }
 
-        strong {
+        & strong {
             font-size: 1.15em; }
 
-        small {
+        & small {
             display: block;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
-            font-size: 0.8em; }
+            font-size: 0.8em;
+        }
 
     }
 
@@ -82,8 +83,9 @@
 
     & .right {
         font-size: 0.75em;
-        font-weight: bold;
-    }
+        font-weight: bold; }
+
+    & .loading .right { font-size: 1.0em; }
 
     & .right .icon, & small .icon {
         height: 13px !important;

+ 2 - 2
src/stylesheets/Lungo.widgets.loading.less

@@ -80,8 +80,8 @@
 }
 
 section.show .loading, section.current .loading, .notification .loading {
-    -webkit-animation:  rotatingLoader .6s  infinite linear;
-    -moz-animation:  rotatingLoader .6s  infinite linear;
+    -webkit-animation:  rotatingLoader .5s  infinite linear;
+    -moz-animation:  rotatingLoader .5s  infinite linear;
 }
 
 @-webkit-keyframes rotatingLoader{

+ 3 - 0
src/stylesheets/css/Lungo.layout.list.css

@@ -86,6 +86,9 @@
   font-size: 0.75em;
   font-weight: bold;
 }
+.list .loading .right {
+  font-size: 1.0em;
+}
 .list .right .icon,
 .list small .icon {
   height: 13px !important;

+ 2 - 2
src/stylesheets/css/Lungo.widgets.loading.css

@@ -164,8 +164,8 @@
 section.show .loading,
 section.current .loading,
 .notification .loading {
-  -webkit-animation: rotatingLoader .6s  infinite linear;
-  -moz-animation: rotatingLoader .6s  infinite linear;
+  -webkit-animation: rotatingLoader .5s  infinite linear;
+  -moz-animation: rotatingLoader .5s  infinite linear;
 }
 @-webkit-keyframes rotatingLoader {
   0% {