Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

make sidebar form changed state visible

Browse source 
and prepare for the save button at the bottom of the page
This commit is contained in:
Felix Niklas 2014-11-14 15:37:14 +01:00
parent c14a7a07d9
commit 3b0c5696a1
3 changed files with 69 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
app/assets/images/sprite.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 110 KiB

2
app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
View file

@ -1,6 +1,6 @@
<% for item in @items: %> <% for item in @items: %>
<div class="sidebar bottom-form-shadow flex hide" data-tab="<%= item.name %>"> <div class="sidebar bottom-form-shadow flex hide" data-tab="<%= item.name %>">
<div class="horizontal center"> <div class="sidebar-header">
<h2 class="u-textTruncate"><%- @T( item.head ) %></h2> <h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
<div class="sidebar-actions js-actions flex"></div> <div class="sidebar-actions js-actions flex"></div>
<div class="tabsSidebar-close centered u-clickable"> <div class="tabsSidebar-close centered u-clickable">

30
app/assets/stylesheets/zammad.css.scss
View file

@ -2667,7 +2667,7 @@ footer {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: -16px;
height: 100%; height: 100%;
width: 3px; width: 3px;
background: repeating-linear-gradient(-45deg, hsl(193,18%,90%), hsl(193,18%,90%) 4px, transparent 4px, transparent 7px) repeat center; background: repeating-linear-gradient(-45deg, hsl(193,18%,90%), hsl(193,18%,90%) 4px, transparent 4px, transparent 7px) repeat center;
@ -3348,8 +3348,20 @@ footer {
.tabsSidebar .sidebar { .tabsSidebar .sidebar {
width: 280px; width: 280px;
border-left: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;
padding: 0;
@extend .vertical;
} }
.tabsSidebar hr {
margin: 20px;
}
.tabsSidebar .sidebar-header {
@extend .horizontal;
@extend .center;
padding: 20px 20px 0;
}
.tabsSidebar .sidebar h2 { .tabsSidebar .sidebar h2 {
margin: 0 0 -1px; margin: 0 0 -1px;
line-height: 1; line-height: 1;
@ -3364,6 +3376,11 @@ footer {
margin: -15px; margin: -15px;
} }
.tabsSidebar .sidebar-content {
@extend .flex;
padding: 0 20px 20px;
}
.sidebar.bottom-form-shadow { .sidebar.bottom-form-shadow {
box-shadow: box-shadow:
0 -1px rgba(0,0,0,.005) inset, 0 -1px rgba(0,0,0,.005) inset,
@ -3436,13 +3453,6 @@ footer {
opacity: 1; opacity: 1;
} }
.sidebar .form-group {
margin-left: -20px;
margin-right: -20px;
padding-right: 20px;
padding-left: 20px;
}
.sidebar .text-muted { .sidebar .text-muted {
color: hsl(204,3%,72%); color: hsl(204,3%,72%);
} }
@ -3923,6 +3933,10 @@ footer {
margin: 20px 0; margin: 20px 0;
} }
.userInfo-entry:first-child {
margin-top: 0;
}
.userInfo-label { .userInfo-label {
text-transform: uppercase; text-transform: uppercase;
color: #999; color: #999;