df62c8a428
* improved play and stop button if only one record is allowed * stop button first in action menu * fix skin colors * autofocus term field in search form * fix responsive column layout in invoice listing * improve responsive header for small screens
56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
/*
|
|
* This file is part of the Kimai time-tracking app.
|
|
*
|
|
* For the full copyright and license information, please view the LICENSE
|
|
* file that was distributed with this source code.
|
|
*/
|
|
|
|
.content-header {
|
|
height: 50px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
|
|
background-color: #fff !important;
|
|
padding: 10px 0 0 10px;
|
|
|
|
h1 {
|
|
padding-top: 3px;
|
|
float: left;
|
|
small {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Page based action buttons in the upper right corner of the content area */
|
|
.content-header>.breadcrumb {
|
|
position: absolute;
|
|
float: right;
|
|
background: transparent;
|
|
top: 0;
|
|
right: 0;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
@media (max-width: $screen-md-min) {
|
|
.content-header h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
.content-header>.breadcrumb {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $screen-sm-min) {
|
|
.content-header>.breadcrumb {
|
|
right: 10px;
|
|
}
|
|
|
|
.content-header {
|
|
h1 {
|
|
small {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
}
|