suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve paddings on the sign-in/out handle and drop down

Browse Source
This commit is contained in:
Sven Fuchs 2012-09-22 22:05:56 +02:00
parent 4eeb9356c6
commit efb810f1b3
2 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/stylesheets/top.sass
View File

@ -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

37
public/stylesheets/application.css
View File

@ -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;
}