mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-12-23 08:56:29 +00:00
Code Issues Projects Releases Wiki Activity

fixed styling issue with user page on ff

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

34
server/app/styles/drone.css
View file

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

31
server/app/styles/drone.less
View file

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

2
server/app/styles/drone.min.css vendored
View file

File diff suppressed because one or more lines are too long

21
server/app/views/sys_users.html
View file

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