web-apps/apps/common/main/resources/less/header.less
2017-03-01 16:33:12 +03:00

89 lines
2.2 KiB
Plaintext

//#header-logo {
// background-color: @app-header-bg-color-dark;
// min-width: 15px + 90px + 5px;
// .background-ximage('@{common-image-path}/header/header-logo.png', '@{common-image-path}/header/header-logo@2x.png', 86px);
// background-repeat: no-repeat;
// background-position: 15px center;
// cursor: pointer;
//}
//#header-developer {
// background-color: #ffb400;
// padding-left: 15px + @app-header-height / 3;
// & > div {
// position: relative;
// background-color: #ffb400;
// color: #6e4e00 !important;
// padding-right: 15px;
// cursor: default;
// z-index: 1;
// white-space: nowrap;
// height: @app-header-height;
// line-height: @app-header-height;
//
// &:after {
// content: '';
// position: absolute;
// top: 0;
// right: -@app-header-height / 2;
// width: @app-header-height / 2;
// height: @app-header-height;
// border-top: @app-header-height / 2 solid transparent;
// border-left: @app-header-height / 3 solid #ffb400;
// border-bottom: @app-header-height / 2 solid transparent;
// }
// }
//}
//#header-documentcaption {
// width: 100%;
// max-width: 100px;
// overflow: hidden;
// text-overflow: ellipsis;
// background-color: @app-header-bg-color;
// padding: 0 7px + @app-header-height / 3;
// cursor: default;
//
// div {
// display: inline-block;
// padding: 2px 8px;
//
// &.renamed:hover {
// background-color: @app-header-bg-color-dark;
// }
// }
//}
.toolbar {
.extra {
.elset:not(:first-child) {
margin-top: 0;
}
}
}
.extra {
> section {
line-height: 20px;
height: 100%;
display: flex;
align-items: center;
}
&.left {
min-width: 150px;
}
#doc-name {
flex-grow: 1;
}
#header-logo {
width: 100%;
height: 100%;
cursor: pointer;
.background-ximage('@{app-image-path}/logo.png', '@{app-image-path}/logo.png', 240px);
background-size: contain;
background-repeat: no-repeat;
}
}