hide user-list switch by default

This commit is contained in:
Felix Niklas 2015-06-09 17:47:44 +02:00
parent 951936f778
commit d1bb610924
2 changed files with 17 additions and 7 deletions

View file

@ -140,7 +140,7 @@
</div> </div>
<div class="table-overview"> <div class="table-overview">
<table class="table table-hover"> <table class="user-list table table-hover">
<thead> <thead>
<tr> <tr>
<th>Login</th> <th>Login</th>
@ -149,7 +149,7 @@
<th>Lastname</th> <th>Lastname</th>
<th>Switch to</th> <th></th>
</tr> </tr>
</thead> </thead>
@ -162,7 +162,7 @@
<td><span>Niklas</span></td> <td><span>Niklas</span></td>
<td class="no-padding"> <td class="no-padding">
<div class="btn btn--primary btn--table"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -174,7 +174,7 @@
<td><span>Huber2</span></td> <td><span>Huber2</span></td>
<td class="no-padding"> <td class="no-padding">
<div class="btn btn--primary btn--table"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -186,7 +186,7 @@
<td><span>Braun</span></td> <td><span>Braun</span></td>
<td class="no-padding"> <td class="no-padding">
<div class="btn btn--primary btn--table"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
@ -198,7 +198,7 @@
<td><span>Blanko</span></td> <td><span>Blanko</span></td>
<td class="no-padding"> <td class="no-padding">
<div class="btn btn--primary btn--table"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div> <div class="btn btn--primary btn--table switchView"><svg class="icon icon-switchView"><use xlink:href="#icon-switchView" /></svg> Aus Benutzeransicht anzeigen</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>

View file

@ -284,7 +284,7 @@ span[data-tooltip]:hover:before {
padding: 4px 9px; padding: 4px 9px;
font-weight: 300; font-weight: 300;
border: none; border: none;
margin: 6px 6px 0; margin: 5px 6px 0;
.icon { .icon {
vertical-align: middle; vertical-align: middle;
@ -4067,6 +4067,16 @@ footer {
display: block; display: block;
} }
.user-list {
tr:hover .switchView {
visibility: visible;
}
.switchView {
visibility: hidden;
}
}
.switchBackToUser { .switchBackToUser {
display: flex; display: flex;
align-items: center; align-items: center;