cit-analysis-menu.less 2.08 KB
Newer Older
Ken you's avatar
Ken you committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
@import "~/app-resources/less/theme.less";

#cit-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;
                  }
            }
        }
    }
}