From efb810f1b373a007fa94b14d18c26f9c3daa446c Mon Sep 17 00:00:00 2001
From: Sven Fuchs <me@svenfuchs.com>
Date: Sat, 22 Sep 2012 22:05:56 +0200
Subject: [PATCH] improve paddings on the sign-in/out handle and drop down
---
assets/stylesheets/top.sass | 15 ++++++------
public/stylesheets/application.css | 37 +++++++++++++++---------------
2 files changed, 27 insertions(+), 25 deletions(-)
diff --git a/assets/stylesheets/top.sass b/assets/stylesheets/top.sass
index 0e0c572d..84bbf969 100644
--- a/assets/stylesheets/top.sass
+++ b/assets/stylesheets/top.sass
@@ -44,6 +44,9 @@
.signed-out, .signing-in, .signed-in
display: none
+ padding: 0 15px 0 45px
+ .signed-out, .signing-in
+ min-width: 110px
&.signed-out .signed-out
display: block
&.signing-in .signing-in
@@ -51,24 +54,22 @@
&.signed-in .signed-in
display: block
- .signed-in
- padding-left: 54px
.signing-in
- padding-right: 25px
- background: inline-image('spinner.gif') no-repeat right 16px
+ background: inline-image('spinner.gif') no-repeat 110px 16px
img
position: absolute
top: 7px
left: 15px
- width: 24px
- height: 24px
+ width: 22px
+ height: 22px
@include border-radius(3px)
&.signed-in:hover > ul
display: block
ul
+ display: none
position: absolute
z-index: 300
top: 40px
@@ -85,7 +86,7 @@
a
display: block
float: none
- padding: 5px 0 5px 54px
+ padding: 5px 25px 5px 45px
line-height: 24px
white-space: nowrap
&:hover
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 26b982b1..5b6defc3 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -6814,35 +6814,35 @@ table.list .red .number a {
/* line 45, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile .signed-out, #top .profile .signing-in, #top .profile .signed-in {
display: none;
+ padding: 0 15px 0 45px;
}
-/* line 47, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 48, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+#top .profile .signed-out, #top .profile .signing-in {
+ min-width: 110px;
+}
+/* line 50, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile.signed-out .signed-out {
display: block;
}
-/* line 49, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 52, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile.signing-in .signing-in {
display: inline-block;
}
-/* line 51, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 54, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile.signed-in .signed-in {
display: block;
}
-/* line 54, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
-#top .profile .signed-in {
- padding-left: 54px;
-}
-/* line 56, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 57, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile .signing-in {
- padding-right: 25px;
- background: url('data:image/gif;base64,R0lGODlhEAAIAPMHAP///+vr66CgoN7e3rW1tYuLi/X19Wtra3t7e87OzsbGxqGhodfX142NjZaWlqurqyH/C05FVFNDQVBFMi4wAwEAAAAh/hoiQ3JlYXRlZCB3aXRoIENoaW1wbHkuY29tIgAh+QQACgD/ACwAAAAAEAAIAAADKXiq0P7glHmglRSMPUDgBlZUQ/B5ZhBOo2Z2qSqSL2qumaEbwK7PFkgCACH5BAAKAP8ALAAAAAAQAAgAAAQwsKCJwLkH6F2Er0dRZJvWfZaYBUNrnAKoAkEdvF6cjrSNoyGe7QaT8QxIpISyI5UiACH5BAAKAP8ALAAAAAAQAAgAAAQvcIkpALoInL0F+Y41ZUdhHh4oCqRZoB8RIqPmwirN2mcqr61ebFYrnSQUC4b3igAAIfkEAAoA/wAsAAAAABAACAAABDAQyCmqACijQpYnQEMQDWZxSgqKpFmhajiWyEmkyjq7ApzLrdqr8wHSThOKBaMpRAAAIfkEAAoA/wAsAAAAABAACAAABDMQyEmBuGKxxBl4y/IADmEKzKAmwMItpEmg6sC6CVye6dq+MV7tBtzNNp1PaGQUVJ6YTAQAIfkEAAoA/wAsAAAAABAACAAABC8QyEmrBSknQJYnxiAGgCIqnKKCQUuaA0qoCuuWZ7oa7pvPO4PQgNFwPAvCZQmIAAAh+QQACgD/ACwAAAAAEAAIAAAEKRDISau1LGlmhg+A5wGJyAUoOKADaRqpyrremYZzWRs8D/QGQGZzKQIiACH5BAAKAP8ALAAAAAAQAAgAAAMhCLrc/iyMGcCcQNLAueVD1o3eAIpk90koZ7wvABvyDEEJADs=') no-repeat right 16px;
+ background: url('data:image/gif;base64,R0lGODlhEAAIAPMHAP///+vr66CgoN7e3rW1tYuLi/X19Wtra3t7e87OzsbGxqGhodfX142NjZaWlqurqyH/C05FVFNDQVBFMi4wAwEAAAAh/hoiQ3JlYXRlZCB3aXRoIENoaW1wbHkuY29tIgAh+QQACgD/ACwAAAAAEAAIAAADKXiq0P7glHmglRSMPUDgBlZUQ/B5ZhBOo2Z2qSqSL2qumaEbwK7PFkgCACH5BAAKAP8ALAAAAAAQAAgAAAQwsKCJwLkH6F2Er0dRZJvWfZaYBUNrnAKoAkEdvF6cjrSNoyGe7QaT8QxIpISyI5UiACH5BAAKAP8ALAAAAAAQAAgAAAQvcIkpALoInL0F+Y41ZUdhHh4oCqRZoB8RIqPmwirN2mcqr61ebFYrnSQUC4b3igAAIfkEAAoA/wAsAAAAABAACAAABDAQyCmqACijQpYnQEMQDWZxSgqKpFmhajiWyEmkyjq7ApzLrdqr8wHSThOKBaMpRAAAIfkEAAoA/wAsAAAAABAACAAABDMQyEmBuGKxxBl4y/IADmEKzKAmwMItpEmg6sC6CVye6dq+MV7tBtzNNp1PaGQUVJ6YTAQAIfkEAAoA/wAsAAAAABAACAAABC8QyEmrBSknQJYnxiAGgCIqnKKCQUuaA0qoCuuWZ7oa7pvPO4PQgNFwPAvCZQmIAAAh+QQACgD/ACwAAAAAEAAIAAAEKRDISau1LGlmhg+A5wGJyAUoOKADaRqpyrremYZzWRs8D/QGQGZzKQIiACH5BAAKAP8ALAAAAAAQAAgAAAMhCLrc/iyMGcCcQNLAueVD1o3eAIpk90koZ7wvABvyDEEJADs=') no-repeat 110px 16px;
}
/* line 60, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile img {
position: absolute;
top: 7px;
left: 15px;
- width: 24px;
- height: 24px;
+ width: 22px;
+ height: 22px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
@@ -6855,6 +6855,7 @@ table.list .red .number a {
}
/* line 71, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile ul {
+ display: none;
position: absolute;
z-index: 300;
top: 40px;
@@ -6870,11 +6871,11 @@ table.list .red .number a {
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
-/* line 80, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 81, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile ul li {
display: block;
}
-/* line 82, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 83, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile ul li:last-child a:hover {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
@@ -6883,20 +6884,20 @@ table.list .red .number a {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-/* line 85, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 86, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile ul a {
display: block;
float: none;
- padding: 5px 0 5px 54px;
+ padding: 5px 25px 5px 45px;
line-height: 24px;
white-space: nowrap;
}
-/* line 91, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 92, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#top .profile ul a:hover {
background-color: #666666;
}
-/* line 95, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
+/* line 96, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/top.sass */
#home:not(.maximized) #top {
padding-right: 140px;
}