portainer/app/react/components/PageHeader/HeaderContainer.module.css

96 lines
1.9 KiB
CSS
Raw Normal View History

2022-08-12 03:47:56 +00:00
.header {
refactor(home): migrate view to react [EE-1810] (#6314) * refactor(http): parse axios errors (#6325) * refactor(home): use endpoint-list as react component [EE-1814] (#6060) * refactor(home): use endpoint-list as react component fix(home): add missing features and refactors - kubebutton - group name - poll when endpoint is off - state management refactor(endpoints): use stat component fix(endpoints): add space between items refactor(endpoints): move stats to components refactor(endpoints): fetch time refactor(home): move logic refactor(home): move fe render logic refactor(settings): use vanilla js for publicSettings refactor(kube): remove angular from kube config service feat(home): add kubeconfig button feat(home): send analytics when opening kubeconfig modal fix(home): memoize footer refactor(home): use react-query for loading fix(home): show correct control for kubeconfig modal refactor(home): use debounce refactor(home): use new components refactor(home): replace endpoints with environments refactor(home): move endpoint-list component to home fix(home): show group name refactor(home): use switch for environment icon fix(kubeconfig): fix default case refactor(axios): use parse axios error refactor(home): use link components for navigate fix(home): align azure icon refactor(home): refactor stats refactor(home): export envstatusbadge refactor(home): remove unused bindings * chore(home): write tests for edge indicator * chore(home): basic stories for environment item * style(settings): reformat * fix(environments): add publicurl * refactor(home): use table components * refactor(datatables): merge useSearchBarState * refactor(home): fetch group in env item * chore(tests): basic tests * chore(home): test when no envs * refactor(tags): use axios for tagService * refactor(env-groups): use axios for getGroups * feat(app): ui-state context provider * refactor(home): create MotdPanel * refactor(app): create InformationPanel * feat(endpoints): fetch number of total endpoints * refactor(app): merge hooks * refactor(home): migrate view to react [EE-1810] fixes [EE-1810] refactor(home): wip use react view feat(home): show message if no endpoints refactor(home): show endpoint list refactor(home): don't use home to manage link refactor(home): move state refactor(home): check if edge using util refactor(home): move inf panels chore(home): tests refactor(home): load groups and tags in env-item refactor(settings): revert publicSettings change refactor(home): move confirm snapshot method * fix(home): show tags * fix(environments): handle missing snapshots * fix(kube/volumes): fetch pesistent volume claims * refactor(kube): remove use of endpointProvider * refactor(endpoints): set current endpoint * chore(home): add data-cy for tests * chore(tests): mock axios-progress-bar * refactor(home): move use env list to env module * feat(app): sync home view changes with ee * fix(home): sort page header * fix(app): fix tests * chore(github): use yarn cache * refactor(environments): load list of groups * chore(babel): remove auto 18n keys extraction * chore(environments): fix tests * refactor(k8s/application): use current endpoint * fix(app/header): add margin to header * refactor(app): remove unused types * refactor(app): use rq onError handler * refactor(home): wrap element with button
2022-03-08 12:14:23 +00:00
min-height: 60px;
margin-bottom: 15px;
2022-08-12 03:47:56 +00:00
background-color: var(--bg-body-color);
margin-bottom: 5px !important;
}
2022-08-12 03:47:56 +00:00
.header > div:last-child {
padding-right: 0;
}
2022-08-12 03:47:56 +00:00
.header .meta div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
2022-08-12 03:47:56 +00:00
.header .login a {
padding: 18px;
display: block;
}
2022-08-12 03:47:56 +00:00
.header .user {
min-width: 130px;
}
2022-08-12 03:47:56 +00:00
.header .user > .item {
width: 65px;
height: 60px;
float: right;
display: inline-block;
text-align: center;
vertical-align: middle;
}
2022-08-12 03:47:56 +00:00
.header .user > .item a {
color: #919191;
display: block;
}
2022-08-12 03:47:56 +00:00
.header .user > .item i {
font-size: 20px;
line-height: 55px;
}
2022-08-12 03:47:56 +00:00
.header .user > .item img {
width: 40px;
height: 40px;
margin-top: 10px;
border-radius: 2px;
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu {
border-radius: 2px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu .dropdown-header {
text-align: center;
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu li.link {
text-align: left;
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu li.link a {
padding-left: 7px;
padding-right: 7px;
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu:before {
position: absolute;
top: -7px;
right: 23px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
content: '';
}
2022-08-12 03:47:56 +00:00
.header .user > .item ul.dropdown-menu:after {
position: absolute;
top: -6px;
right: 24px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
}
/*angular-loading-bar override*/
#loadingbar-placeholder {
margin-bottom: 0;
height: 3px;
}
#loading-bar .bar {
position: relative;
height: 3px;
background: var(--blue-3);
}
/*!angular-loading-bar override*/