fixed styling issue with user page on ff

This commit is contained in:
Brad Rydzewski 2014-07-09 01:52:08 -07:00
parent 502a0222f2
commit f97c6f6e1a
4 changed files with 55 additions and 33 deletions

View file

@ -700,19 +700,31 @@ nav a span.fa {
border-color: #129FEA;
}
#userspage section .user {
-webkit-transition: 0.4s border linear;
-moz-transition: 0.4s border linear;
-ms-transition: 0.4s border linear;
-o-transition: 0.4s border linear;
transition: 0.4s border linear;
border: 1px solid #eee;
border-bottom: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
}
#userspage section .user:last-child {
#userspage section .user:last-child > div {
border-bottom: 1px solid #fff;
}
#userspage section .user > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #eee;
border-bottom: 1px solid #fff;
-webkit-transition: 0.4s border linear;
-moz-transition: 0.4s border linear;
-ms-transition: 0.4s border linear;
-o-transition: 0.4s border linear;
transition: 0.4s border linear;
}
#userspage section .user > div > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
@ -721,6 +733,9 @@ nav a span.fa {
padding: 20px 25px;
padding-right: 0px;
}
#userspage section .user > div:hover {
border: 1px solid #262626;
}
#userspage section .user img {
border-radius: 50%;
width: 48px;
@ -740,9 +755,6 @@ nav a span.fa {
color: #666;
font-size: 14px;
}
#userspage section .user:hover {
border: 1px solid #262626;
}
#accountpage {
width: 100%;
}

View file

@ -627,20 +627,31 @@ nav {
}
.user {
.transition(.4s border linear);
border:1px solid #eee;
border-bottom:1px solid #fff;
.border_box;
text-decoration:none;
&:last-child {
&:last-child > div {
border-bottom:1px solid #fff;
}
&> div {
&> div {
.border_box;
padding:20px 25px;
padding-right:0px;
border:1px solid #eee;
border-bottom:1px solid #fff;
.transition(.4s border linear);
& > div {
.border_box;
padding:20px 25px;
padding-right:0px;
}
&:hover {
border:1px solid @c0;
}
}
img {
border-radius:50%;
width:48px;
@ -662,10 +673,6 @@ nav {
color:#666;
font-size:14px;
}
&:hover {
border:1px solid @c0;
}
}
}
}

File diff suppressed because one or more lines are too long

View file

@ -9,18 +9,21 @@
<input type="search" placeholder="FILTER" class="pure-u-1" id="search" ng-model="search" autofocus />
</form>
<a class="pure-g user" ng-repeat="user in users | filter:search | orderBy: 'login' " href="/admin/users/{{ user.remote }}/{{ user.login}}">
<div class="pure-u-1-8">
<div>
<img class="gravatar" ng-src="{{ user.gravatar | gravatar }}" />
<a class="user" ng-repeat="user in users | filter:search | orderBy: 'login' " href="/admin/users/{{ user.remote }}/{{ user.login}}">
<div class="pure-g">
<div class="pure-u-1-8">
<div>
<img class="gravatar" ng-src="{{ user.gravatar | gravatar }}" />
</div>
</div>
</div>
<div class="pure-u-7-8">
<div>
<h4>{{ user.login }} <small>{{ user.remote }}</small></h4>
<span class="email">{{ user.email }}</span>
<div class="pure-u-7-8">
<div>
<h4>{{ user.login }} <small>{{ user.remote }}</small></h4>
<span class="email">{{ user.email }}</span>
</div>
</div>
</div>
</a>
</section>
</div>