@import "~/app-resources/less/theme.less"; #vat-analysis-menu { width: 100%; height: 100%; position: absolute; .vat-analysis-content { display: inline-block; position: relative; margin-left: 100px; width: calc(~"100% - 100px"); vertical-align: top; height: 100%; } .vat-analysis-menu { display: inline-block; position: absolute; width: 80px; height: 100%; background: @color-background; vertical-align: top; border-right: @thin-border solid @color-border; .scroller { overflow-y: hidden; position: relative; height:100%; } .ps-container>.ps-scrollbar-y-rail{ width: 5px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { width: 5px; right: 0px; } .li { display: block; width: 80px; height: 80px; vertical-align: middle; text-align: center; cursor: pointer; a { height: 100%; width: 100%; display: block; padding-top:20px; padding-bottom:20px; vertical-align: middle; text-align: center; word-wrap: break-word; font-size: 12px; text-decoration: none; color: @color-black; background-color:#ffffff; outline:none; } a:hover { text-decoration: none; background-color:#808080; i { color: red; } } a.active { text-decoration: none; font-weight: bold; background-color:#f5f5f5; i { color: red; } } } } }