This repository has been archived on 2026-07-19. You can view files and clone it. You cannot open issues or pull requests or push a commit.
Files
espocrm-base/frontend/less/espo-vertical/layout.less
T
2015-09-02 11:56:30 +03:00

272 lines
4.5 KiB
Plaintext

#header .navbar-collapse {
@media (min-width: @grid-float-breakpoint) {
.navbar & {
padding-left: 0;
padding-right: 0;
}
}
}
#header ul.tabs li.dropdown {
display: none;
}
@media screen and (max-width: @screen-sm-min) {
#header .navbar-header > a.minimizer {
display: none;
}
}
body > #header ul.tabs > li > a > span.short-label {
display: none;
}
body > #header ul.tabs > li > a > span.full-label {
display: inline;
}
body > #header .navbar-brand span.home-icon {
display: none;
}
@media screen and (min-width: @screen-sm-min) {
body.minimized {
#header {
width: @navbar-minimized-width;
}
#header .navbar-brand img {
display: none;
}
#header a.navbar-brand {
position: fixed;
top: 30px;
height: 35px;
width: @navbar-minimized-width;
padding-top: 8px;
paddin-left: 12px;
}
#header a.navbar-brand span.home-icon {
margin-left: 10px;
display: inline;
font-size: 14px;
}
#header .navbar-brand img {
display: none;
}
#header .navbar-header {
width: @navbar-minimized-width;
height: 30px;
}
#header .navbar-header > a.minimizer {
width: 30px;
height: 30px;
float: none;
display: block;
}
#header .navbar-header > a.minimizer span {
margin-left: 12px;
}
#content {
margin-left: @navbar-minimized-width;
}
#footer {
margin-left: @navbar-minimized-width;
}
#header .navbar {
width: @navbar-minimized-width;
}
#header ul.tabs {
width: @navbar-minimized-width;
margin-top: 35px;
}
#header .navbar-right {
margin-left: @navbar-minimized-width;
padding-right: @navbar-minimized-width;
}
#header ul.tabs > li > a {
padding-left: 10px;
}
#header ul.tabs > li > a > span.short-label {
display: inline;
}
#header ul.tabs > li > a > span.full-label {
display: none;
}
}
#header .navbar {
top: 0;
border-width: 0 0 0 0;
}
#header {
width: @navbar-width;
}
#header .navbar-brand img {
max-width: @navbar-width - 30px;
height: 30px;
}
#header a.navbar-brand {
max-width: @navbar-width - 30px;
height: 30px;
}
#header .navbar-header {
width: @navbar-width;
}
#header .navbar-header > a.minimizer {
width: 30px;
height: 30px;
float: right;
}
body > .content {
margin-left: @navbar-width;
}
body {
padding-top: @tob-bar-height;
}
html, body {
height: 100%;
}
body > footer {
margin-top: -26x;
}
body > .content {
height: auto;
min-height: 100%;
padding-bottom: 42px;
}
body > footer {
clear: both;
position: relative;
height: 26px;
margin-top: -28px;
}
body > footer {
margin-left: @navbar-width;
}
#header .navbar {
position: fixed;
z-index: @zindex-navbar-fixed;
width: @navbar-width;
margin-bottom: 0px;
height: 100%;
}
#header ul.tabs li {
float: none;
}
#header ul.tabs {
width: @navbar-width;
margin-left: -8px;
overflow-y: hidden;
overflow-x: hidden;
}
#header .navbar-right {
position: fixed;
bottom: 20px;
position: fixed;
top: 0;
left: 0;
height: @tob-bar-height;
width: 100%;
background-color: @main-gray;
margin-left: @navbar-width;
padding-right: @navbar-width;
}
#header .navbar-right .global-search-container {
position: fixed;
top: 0;
right: 105px;
}
#header .navbar-right .global-search-container a.global-searcy-button {
padding: 5px 10px;
color: @gray-light;
}
#header .navbar-right .quick-create-container {
position: fixed;
top: 0;
right: 35px;
width: 35px;
}
#header .navbar-right .menu-container {
position: fixed;
top: 0;
right: 0;
width: 35px;
}
#header .navbar-right > li > a {
color: @gray-light;
padding: 5px 10px;
}
#header .navbar-right .notifications-badge-container {
position: fixed;
top: 0;
right: 70px;
width: 35px;
}
#header ul.tabs li > a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
}
#header .navbar-form {
margin-top: 0px;
margin-bottom: 0px;
}
#global-search-input {
height: @tob-bar-height !important;
margin-top: 0 !important;
}
#login {
margin-left: -@navbar-width;
}
}
@media (min-width: @screen-lg-min) {
.container {
max-width: 1580px;
}
}