deon/phpldapadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update architect-ui, bootstrap, javascript and css

Browse Source
This commit is contained in:
Deon George
2023-03-25 23:33:27 +11:00
parent a46a61249e
commit dd17873905
195 changed files with 28857 additions and 10615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
resources/themes/architect/src/layout/header/_header-base.scss vendored Normal file
View File

@@ -0,0 +1,91 @@
// Header Base
.app-header {
height: $app-header-height;
display: flex;
align-items: center;
align-content: center;
position: relative;
z-index: 10;
transition: all .2s;
&.header-shadow {
box-shadow: $box-shadow-default;
}
.app-header__content {
display: flex;
align-items: center;
align-content: center;
flex: 1;
padding: 0 $layout-spacer-x;
height: $app-header-height;
.app-header-left {
display: flex;
align-items: center;
}
.header-menu {
.nav-link {
color: $gray-600;
i {
color: $gray-500;
}
&:hover {
color: $gray-900;
}
}
}
.app-header-right {
align-items: center;
display: flex;
margin-left: auto;
}
}
.header-user-info {
& > .widget-heading,
& > .widget-subheading {
white-space: nowrap;
}
& > .widget-subheading {
font-size: $font-size-xs;
}
}
}
.app-header__logo {
padding: 0 $layout-spacer-x;
height: $app-header-height;
width: $app-sidebar-width;
display: flex;
align-items: center;
transition: width .2s;
.logo-src {
height: $logo-height;
width: $logo-width;
}
}
.app-header__menu,
.app-header__mobile-menu {
display: none;
padding: 0 $layout-spacer-x;
height: $app-header-height;
align-items: center;
}
// Header Modifiers
@import "modifiers/fixed-header";
// Header Themes
@import "themes/header-light";
@import "themes/header-dark";

25
resources/themes/architect/src/layout/header/modifiers/_fixed-header.scss vendored Normal file
View File

@@ -0,0 +1,25 @@
// Fixed Header
.fixed-header {
.app-header {
position: fixed;
width: 100%;
top: 0;
.app-header__logo {
visibility: visible;
}
}
.app-main {
padding-top: $app-header-height;
}
&:not(.fixed-sidebar):not(.closed-sidebar) {
.app-sidebar {
.app-header__logo {
visibility: hidden;
}
}
}
}

119
resources/themes/architect/src/layout/header/themes/_header-dark.scss vendored Normal file
View File

@@ -0,0 +1,119 @@
// Header Dark
.app-header {
&.header-text-dark {
.app-header-left > .nav > li > .nav-link {
color: rgba(0, 0, 0, .7);
.nav-link-icon {
color: rgba(0, 0, 0, .8);
}
&:hover {
color: rgba(0, 0, 0, 1);
}
}
.app-header-right {
.icon-wrapper-alt {
.fa,
.icon {
color: rgba(0, 0, 0, .7) !important;
transition: all .2s;
}
.icon-wrapper-bg {
background: rgba(0, 0, 0, .1) !important;
transition: all .2s;
opacity: 1;
}
&:hover {
.fa,
.icon {
color: rgba(0, 0, 0, .95) !important;
}
.icon-wrapper-bg {
background: rgba(0, 0, 0, .15) !important;
}
}
.badge-dot {
border-color: transparent;
}
}
& > .header-btn-lg {
& .widget-content-left .btn-group > .btn,
.widget-heading,
.widget-subheading {
color: rgba(0, 0, 0, .8);
}
.header-user-info {
& > .btn-shadow {
box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, .1), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}
}
}
}
.search-wrapper {
.input-holder {
.search-icon {
background: rgba(0, 0, 0, .1);
}
}
&.active {
.input-holder {
background: rgba(0, 0, 0, .1);
.search-input {
color: rgba(0, 0, 0, .8);
}
.search-icon {
background: rgba(0, 0, 0, .1);
}
}
}
}
.header-btn-lg {
&::before {
background: rgba(0, 0, 0, .2);
}
}
.header-btn-lg,
.header__pane {
.hamburger-inner,
.hamburger.is-active .hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background-color: rgba(0, 0, 0, .8) !important;
}
}
.search-wrapper .input-holder .search-icon span::after {
border-color: rgba(0, 0, 0, .8);
}
.search-wrapper .btn-close::before,
.search-wrapper .btn-close::after,
.search-wrapper .input-holder .search-icon span::before {
background: rgba(0, 0, 0, .8);
}
.app-header__logo {
.logo-src {
}
}
}
}

137
resources/themes/architect/src/layout/header/themes/_header-light.scss vendored Normal file
View File

@@ -0,0 +1,137 @@
// Header Light
.app-header {
&.header-text-light {
.app-header-left > .nav > li > .nav-link {
color: rgba(255, 255, 255, .7);
.nav-link-icon {
color: rgba(255, 255, 255, .8);
}
&:hover {
color: rgba(255, 255, 255, 1);
}
}
.app-header-right {
.icon-wrapper-alt {
.fa,
.icon {
color: rgba(255, 255, 255, .7) !important;
transition: all .2s;
}
.icon-wrapper-bg {
background: rgba(255, 255, 255, .1) !important;
transition: all .2s;
opacity: 1;
}
&:hover {
.fa,
.icon {
color: rgba(255, 255, 255, .9) !important;
}
.icon-wrapper-bg {
background: rgba(255, 255, 255, .15) !important;
}
}
.badge-dot {
border-color: transparent;
}
}
& > .header-btn-lg {
& .widget-content-left .btn-group > .btn,
.widget-heading,
.widget-subheading {
color: rgba(255, 255, 255, .8);
}
.header-user-info {
& > .btn-shadow {
box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, .1), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}
}
}
}
.search-wrapper {
.input-holder {
.search-icon {
background: rgba(0, 0, 0, .1);
}
.search-input {
&::placeholder,
&::-webkit-input-placeholder,
&:-ms-input-placeholder,
&:-moz-placeholder,
&::-moz-placeholder {
color: rgba(255, 255, 255, .5) !important;
}
}
}
&.active {
.input-holder {
background: rgba(255, 255, 255, .1);
.search-input {
color: rgba(255, 255, 255, .8);
}
.search-icon {
background: rgba(255, 255, 255, .1);
}
}
}
}
.header-btn-lg {
&::before {
background: rgba(255, 255, 255, .2);
}
}
.header-btn-lg,
.header__pane {
.hamburger-inner,
.hamburger.is-active .hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background-color: rgba(255, 255, 255, .8) !important;
}
}
.search-wrapper .input-holder .search-icon span::after {
border-color: rgba(255, 255, 255, .8);
}
.search-wrapper .btn-close::before,
.search-wrapper .btn-close::after,
.search-wrapper .input-holder .search-icon span::before {
background: rgba(255, 255, 255, .8);
}
.app-header__logo {
.logo-src {
}
}
.app-header__mobile-menu {
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
background: rgba(255, 255, 255, .9);
}
}
}
}