refactor tabs

remove horizontal
This commit is contained in:
Felix Niklas 2015-10-20 16:59:30 +02:00
parent 228d6dd001
commit c9db9202fb
8 changed files with 9 additions and 9 deletions

View file

@ -1,4 +1,4 @@
<div class="tabsSidebar-holder flex horizontal"> <div class="tabsSidebar-holder flex">
<div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer"> <div class="main no-padding flex tabsSidebar-sidebarSpacer tabsSidebar-tabsSpacer">
<div class="newTicket"> <div class="newTicket">
<div class="box box--newTicket"> <div class="box box--newTicket">
@ -6,7 +6,7 @@
<h1><%- @T( @head ) %></h1> <h1><%- @T( @head ) %></h1>
</div> </div>
<ul class="horizontal tabs type-tabs"> <ul class="tabs type-tabs">
<li class="tab u-textTruncate" data-type="phone-in"> <li class="tab u-textTruncate" data-type="phone-in">
<%- @Icon('received-calls', 'tab-icon') %> <%- @Icon('received-calls', 'tab-icon') %>

View file

@ -1,5 +1,5 @@
<div class="dashboard main flex center"> <div class="dashboard main flex center">
<div class="tabs wide-tabs horizontal"> <div class="tabs wide-tabs">
<div class="tab active" data-area="stat-widgets"><%- @T('My Stats') %></div> <div class="tab active" data-area="stat-widgets"><%- @T('My Stats') %></div>
<div class="tab" data-area="first-steps-widgets"><%- @T('First Steps') %></div> <div class="tab" data-area="first-steps-widgets"><%- @T('First Steps') %></div>
</div> </div>

View file

@ -6,7 +6,7 @@
<h2>Tabs</h2> <h2>Tabs</h2>
<div class="tabs wide-tabs horizontal"> <div class="tabs wide-tabs">
<div class="tab my-stats active">My Stats</div> <div class="tab my-stats active">My Stats</div>
<div class="tab my-groups">My Group</div> <div class="tab my-groups">My Group</div>
<div class="tab all-stats">All</div> <div class="tab all-stats">All</div>

View file

@ -355,7 +355,7 @@
</div> </div>
<div class="profile-section"> <div class="profile-section">
<!-- if user has organization --> <!-- if user has organization -->
<div class="tabs wide-tabs horizontal"> <div class="tabs wide-tabs">
<div class="tab js-userTickets active">Tickets von Doreen Kubiak</div> <div class="tab js-userTickets active">Tickets von Doreen Kubiak</div>
<div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div> <div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
</div> </div>

View file

@ -125,7 +125,7 @@
Roles: Roles:
</div> </div>
<div class="tabs tabs-wide horizontal"> <div class="tabs tabs-wide">
<div class="tab" data-id="1"> <div class="tab" data-id="1">
Admin Admin
</div> </div>

View file

@ -57,7 +57,7 @@
</div> </div>
<div class="profile-section"> <div class="profile-section">
<!-- if user has organization --> <!-- if user has organization -->
<div class="tabs wide-tabs horizontal"> <div class="tabs wide-tabs">
<div class="tab js-userTickets active">Tickets von Doreen Kubiak</div> <div class="tab js-userTickets active">Tickets von Doreen Kubiak</div>
<div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div> <div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
</div> </div>

View file

@ -18,7 +18,7 @@
<div class="userSearch horizontal"> <div class="userSearch horizontal">
<div class="userSearch-label"><%- @T('Roles') %>:</div> <div class="userSearch-label"><%- @T('Roles') %>:</div>
<div class="tabs tabs-wide horizontal"> <div class="tabs tabs-wide">
<% for role in @roles: %> <% for role in @roles: %>
<div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div> <div class="tab" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
<% end %> <% end %>

View file

@ -15,7 +15,7 @@
</div> </div>
<div class="js-org <% if @user: %>hide<% end %>"> <div class="js-org <% if @user: %>hide<% end %>">
<div class="profile-ticketLists horizontal"> <div class="profile-ticketLists">
<div class="profile-ticketList js-org-open-tickets"></div> <div class="profile-ticketList js-org-open-tickets"></div>
<div class="profile-ticketList js-org-closed-tickets"></div> <div class="profile-ticketList js-org-closed-tickets"></div>
</div> </div>