Current Path : C:/xampp/htdocs/moodle/theme/moove/scss/moove/ |
Current File : C:/xampp/htdocs/moodle/theme/moove/scss/moove/_navbar.scss |
nav.navbar { min-height: $navbar-height; -webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color: $navbar-header-color; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; .drawer-toggle { height: 70px; width: 70px; margin-left: -16px; padding: 16px 9px 0 9px; background-color: $navbar-bg; .nav-link { color: #fff; border: none; background-color: initial; } } .navbar-brand { margin-right: 0; padding: 0; .logo img { max-height: 70px; } .site-name { line-height: 70px; } } .moove-search-input { margin: 0 .8rem; line-height: 70px; padding: 0; overflow: hidden; float: right; width: 28px; cursor: pointer; i { color: $brand-primary; font-size: 19px; } > div { float: left; margin: 0; } &.expanded { .search-input-form { visibility: visible; opacity: 1; } } .search-input-form { position: absolute; margin: 0; visibility: hidden; opacity: 0; z-index: 110; width: 100%; top: -1px; left: 0; -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: opacity 400ms, visibility 400ms; transition: opacity 400ms, visibility 400ms; .form-control { width: 100%; padding: 24px 40px 24px 20px; border-radius: 0; font-size: 17px; height: 70px; } .close-search { position: absolute; top: 0; cursor: pointer; background: #fff; width: 15px; height: 15px; right: 20px; font-size: 23px; i { color: #55595c; } } } } .custom-menus { .nav-item { padding-left: .75rem; } } ul.navbar-nav { li, .nav-item { list-style-type: none; > a { text-decoration: none; color: $brand-primary; } .nav-link { padding: 0; } .dropdown-menu { padding: 0; .dropdown-item { line-height: 32px; } } } .popover-region { margin-right: 0; max-height: $navbar-height; .popover-region-container { @extend .scale-up; top: $navbar-height; .popover-region-header-container { height: 50px; padding: 11px 20px 15px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); } .popover-region-content-container { height: calc(100% - 50px); .content-item-container { line-height: initial; background-color: #fff; padding: 15px; &.unread { background-color: #f4f4f4; } &:hover { background-color: $body-bg; color: inherit; .content-item-footer .timestamp { color: inherit; } } .content-item-body { font-weight: normal; width: calc(100% - 54px); h3, .notification-message { font-size: 1.2rem; margin-bottom: 5px; font-weight: normal; } p { line-height: initial; } .notification-message { font-size: 1rem; } } .view-more { font-size: .9rem; } .content-item-footer .timestamp { font-size: .9rem; line-height: inherit; } .unread-count-container { width: 24px; .badge { background-color: $brand-primary; width: 21px; height: 21px; border-radius: 11px; line-height: 17px; } } } } .popover-region-footer-container { height: 50px; padding: 15px 20px; border: 1px solid #ddd; margin: 0 -1px; .popover-region-seeall-text { line-height: initial; } } } .popover-region-container[aria-hidden="false"] { @extend .scale-up-show; } .popover-region-toggle { width: 50px; text-align: center; color: $brand-primary; font-size: 19px; line-height: $navbar-height; padding: .2rem .8rem 0; } .popover-region-toggle { i.fa { font-size: 1.4rem; } .count-container { top: 13px; right: 0; position: absolute; height: 18px; width: 18px; border-radius: 9px; line-height: 15px; &::before { content: ""; top: -11px; right: -11px; position: absolute; height: 40px; width: 40px; z-index: 10; border: 5px solid #fc4b6c; border-radius: 20px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } } } } .lang-menu { max-height: $navbar-height; .nav-item { line-height: 70px; } .dropdown-menu { @extend .scale-up-right; right: 0; left: inherit; &.show { @extend .scale-up-right-show; } } .dropdown-toggle::after { border: none; } .nav-link { color: $brand-primary; padding: .2rem .8rem 0 1.2rem; .slicon-globe { font-size: 1.2rem; } } .dropdown-menu { margin-top: 0; padding: 0; a.dropdown-item { line-height: 32px; } } } .usermenu { line-height: 70px; padding-left: .8rem; .dropdown { .dropdown-menu { @extend .scale-up; margin-top: 0; .dropdown-item { &.text-username { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } } &.show { .dropdown-menu { @extend .scale-up-show; } } } } } } .userloggedinas { nav.navbar ul.navbar-nav .usermenu { line-height: 35px; .usertext .meta.viewingas { line-height: initial; } .userbutton .avatars .realuser { padding-top: 10px; } } }