Bug 1203298 - Room loading spinner should be vertically centered. r=Standard8
authorManuel Casas <manuel.casasbarrado@gmail.com>
Mon, 21 Sep 2015 18:11:21 +0100
changeset 263692 865542cbbfe5b4e3383d16632a4a032d4d9ce006
parent 263691 f9451efeca2f2fc6503f5a51c3a6057856d711ab
child 263693 3b90d45a2bbcdb79ecd0672066fe7c4cb149288b
push id65396
push usercbook@mozilla.com
push dateTue, 22 Sep 2015 10:50:42 +0000
treeherdermozilla-inbound@9a5faeebdcb5 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersStandard8
bugs1203298
milestone44.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1203298 - Room loading spinner should be vertically centered. r=Standard8
browser/components/loop/content/css/panel.css
--- a/browser/components/loop/content/css/panel.css
+++ b/browser/components/loop/content/css/panel.css
@@ -306,24 +306,28 @@ html[dir="rtl"] .tab-view li:nth-child(2
   font-size: 1.6rem;
 }
 
 .panel-text-large {
   font-size: 2.2rem;
 }
 
 .room-list-loading {
-  margin: 5rem 15px;
+  position: relative;
   text-align: center;
   /* makes sure that buttons are anchored above footer */
   flex: 1;
 }
 
 .room-list-loading > img {
   width: 66px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 
 /* Rooms */
 .rooms {
   flex: 1;
   display: flex;
   flex-flow: column nowrap;