style: formatting and nesting

This commit is contained in:
Igor Scheller 2018-12-27 12:30:58 +01:00
parent 1a5c10dd41
commit c09c94f3ea
1 changed files with 49 additions and 41 deletions

View File

@ -11,7 +11,7 @@ body {
} }
.first { .first {
clear: both; clear: both;
margin-top: 30px; margin-top: 30px;
} }
@ -52,7 +52,7 @@ table a > .icon-icon_angel {
} }
.table .form-group { .table .form-group {
margin-bottom: 0; margin-bottom: 0;
} }
.stats { .stats {
@ -60,17 +60,18 @@ table a > .icon-icon_angel {
.make-xs-column(6); .make-xs-column(6);
font-size: 20px; font-size: 20px;
height: 150px; height: 150px;
text-align: center; text-align: center;
.number { .number {
font-size: 80px; font-size: 80px;
font-weight: 200; font-weight: 200;
} }
@media (max-width: @screen-md) {
font-size: inherit; @media (max-width: @screen-md) {
.number { font-size: inherit;
font-size: 40px; .number {
} font-size: 40px;
}
} }
} }
@ -88,12 +89,12 @@ table a > .icon-icon_angel {
} }
.dashboard-panel { .dashboard-panel {
position: relative; position: relative;
font-size: 20px; font-size: 20px;
color: @headings-color; color: @headings-color;
.panel-link { .panel-link {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
@ -103,11 +104,11 @@ table a > .icon-icon_angel {
background-color: @brand-primary; /* Fix to make div clickable in IE */ background-color: @brand-primary; /* Fix to make div clickable in IE */
opacity: 0; /* Fix to make div clickable in IE */ opacity: 0; /* Fix to make div clickable in IE */
filter: alpha(opacity=1); /* Fix to make div clickable in IE */ filter: alpha(opacity=1); /* Fix to make div clickable in IE */
} }
.panel-link:hover { .panel-link:hover {
opacity: 0.3; opacity: 0.3;
} }
} }
.panel-primary .panel-heading a { .panel-primary .panel-heading a {
@ -141,7 +142,7 @@ table a > .icon-icon_angel {
} }
.selection .checkbox { .selection .checkbox {
display: block; display: block;
} }
.shift-calendar { .shift-calendar {
@ -190,31 +191,35 @@ table a > .icon-icon_angel {
width: 50px; width: 50px;
flex-shrink: 0; flex-shrink: 0;
} }
.shift-card { .shift-card {
z-index:0; z-index: 0;
overflow:hidden; overflow: hidden;
position:relative; position: relative;
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-style: dashed; border-bottom-style: dashed;
}
.shift-card:hover { &:hover {
overflow:visible; overflow: visible;
z-index:100; z-index: 100;
border: none; border: none;
}
.shift-card:hover .shift { .shift {
z-index:100; z-index: 100;
}
}
} }
.shift { .shift {
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
}
.shift:hover { &:hover {
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
/*border: 1px solid;*/ }
} }
} }
@ -223,13 +228,14 @@ table a > .icon-icon_angel {
} }
.column_duration { .column_duration {
text-align: right; text-align: right;
} }
.messages { .messages {
&:focus { &:focus {
outline: none; outline: none;
} }
a:focus { a:focus {
outline: none; outline: none;
} }
@ -318,7 +324,9 @@ table a > .icon-icon_angel {
float: none; float: none;
width: 100%; width: 100%;
position: relative; left: 0; right: 0; position: relative;
left: 0;
right: 0;
min-height: 1px; min-height: 1px;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;