diff --git a/frontend/less/espo/bootstrap/navbar.less b/frontend/less/espo/bootstrap/navbar.less index a28c6c6bf4..4c7ad01c7d 100644 --- a/frontend/less/espo/bootstrap/navbar.less +++ b/frontend/less/espo/bootstrap/navbar.less @@ -237,141 +237,6 @@ } } - -// Alternate navbars -// -------------------------------------------------- - -// Default navbar -.navbar-default { - background-color: @navbar-default-bg; - border-color: @navbar-default-border; - - .navbar-brand { - color: @navbar-default-brand-color; - &:hover, - &:focus { - color: @navbar-default-brand-hover-color; - background-color: @navbar-default-brand-hover-bg; - } - } - - .navbar-nav { - > li > a { - color: @navbar-default-link-color; - - &:hover, - &:focus { - color: @navbar-default-link-hover-color; - background-color: @navbar-default-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-active-color; - background-color: @navbar-default-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-disabled-color; - background-color: @navbar-default-link-disabled-bg; - } - } - } - - .navbar-toggle { - border-color: @navbar-default-toggle-border-color; - &:hover, - &:focus { - background-color: @navbar-default-toggle-hover-bg; - } - .icon-bar { - background-color: @navbar-default-toggle-icon-bar-bg; - } - } - - .navbar-collapse, - .navbar-form { - border-color: @navbar-default-border; - } - - // Dropdown menu items - .navbar-nav { - // Remove background color from open dropdown - > .open > a { - &, - &:hover, - &:focus { - background-color: @navbar-default-link-active-bg; - color: @navbar-default-link-active-color; - } - } - - @media (max-width: @grid-float-breakpoint-max) { - // Dropdowns get custom display when collapsed - .open .dropdown-menu { - > li > a { - color: @navbar-default-link-color; - &:hover, - &:focus { - color: @navbar-default-link-hover-color; - background-color: @navbar-default-link-hover-bg; - } - } - > .active > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-active-color; - background-color: @navbar-default-link-active-bg; - } - } - > .disabled > a { - &, - &:hover, - &:focus { - color: @navbar-default-link-disabled-color; - background-color: @navbar-default-link-disabled-bg; - } - } - } - } - } - - - // Links in navbars - // - // Add a class to ensure links outside the navbar nav are colored correctly. - - .navbar-link { - color: @navbar-default-link-color; - &:hover { - color: @navbar-default-link-hover-color; - } - } - - .btn-link { - color: @navbar-default-link-color; - &:hover, - &:focus { - color: @navbar-default-link-hover-color; - } - &[disabled], - fieldset[disabled] & { - &:hover, - &:focus { - color: @navbar-default-link-disabled-color; - } - } - } -} - -// Inverse navbar - .navbar-inverse { background-color: @navbar-inverse-bg; border-color: @navbar-inverse-border; diff --git a/frontend/less/espo/bootstrap/variables.less b/frontend/less/espo/bootstrap/variables.less index d63262128a..e4d08dee91 100644 --- a/frontend/less/espo/bootstrap/variables.less +++ b/frontend/less/espo/bootstrap/variables.less @@ -138,66 +138,27 @@ @grid-float-breakpoint-max: (@grid-float-breakpoint - 1); - -//== Navbar -// -//## - -@navbar-collapse-max-height: 340px; - -@navbar-default-color: #777; -@navbar-default-bg: #f8f8f8; -@navbar-default-border: darken(@navbar-default-bg, 6.5%); - -// Navbar links -@navbar-default-link-color: #777; -@navbar-default-link-hover-color: #333; -@navbar-default-link-hover-bg: transparent; -@navbar-default-link-active-color: #555; -@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); -@navbar-default-link-disabled-color: #ccc; -@navbar-default-link-disabled-bg: transparent; - -// Navbar brand label -@navbar-default-brand-color: @navbar-default-link-color; -@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%); -@navbar-default-brand-hover-bg: transparent; - -// Navbar toggle -@navbar-default-toggle-hover-bg: #ddd; -@navbar-default-toggle-icon-bar-bg: #888; -@navbar-default-toggle-border-color: #ddd; +// Navbar -//=== Inverted navbar -// Reset inverted navbar basics -//@navbar-inverse-color: lighten(@gray-light, 15%); +// Inverted navbar + @navbar-inverse-bg: #222; -//@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); -// Inverted navbar links -//@navbar-inverse-link-color: lighten(@gray-light, 15%); -//@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-bg: transparent; -//@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; -//@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-link-disabled-color: #444; @navbar-inverse-link-disabled-bg: transparent; -// Inverted navbar brand label @navbar-inverse-brand-color: @navbar-inverse-link-color; @navbar-inverse-brand-hover-color: #fff; @navbar-inverse-brand-hover-bg: transparent; -// Inverted navbar toggle @navbar-inverse-toggle-hover-bg: #333; @navbar-inverse-toggle-icon-bar-bg: #fff; @navbar-inverse-toggle-border-color: #333; -//== Navs -// -//## +// Navs //=== Shared nav styles @nav-link-padding: 10px 15px; @@ -220,8 +181,6 @@ //== Pagination -// -//## @pagination-color: @link-color; @pagination-bg: #fff; diff --git a/frontend/less/espo/variables.less b/frontend/less/espo/variables.less index 17872a22eb..539db6dc75 100644 --- a/frontend/less/espo/variables.less +++ b/frontend/less/espo/variables.less @@ -152,9 +152,6 @@ @table-border-color: @default-border-color; -@navbar-default-toggle-hover-bg: @default-border-color; -@navbar-default-toggle-border-color: @default-border-color; - @nav-tabs-border-color: @default-border-color; @nav-tabs-active-link-hover-border-color: @default-border-color; @nav-tabs-justified-link-border-color: @default-border-color; @@ -167,7 +164,6 @@ @zindex-popover: 1600; @zindex-tooltip: 2600; -@navbar-collapse-max-height: none; @login-panel-heading-bg: var(--login-panel-heading-bg);