@opentiny/vue-theme/link-menu/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-link-menu{--tv-LinkMenu-nav-item-text-color:var(--tv-color-text, #191919);--tv-LinkMenu-item-font-size:var(--tv-font-size-default, 14px);--tv-LinkMenu-nav-item-border-color:var(--tv-color-border, #c2c2c2);--tv-LinkMenu-btn-text-color:var(--tv-color-info-text, #1476ff);--tv-LinkMenu-btn-bg-color:var(--tv-color-bg-inverse, #ffffff);--tv-LinkMenu-input-height:var(--tv-size-height-md, 32px);--tv-LinkMenu-input-font-size:var(--tv-font-size-default, 14px);--tv-LinkMenu-input-text-color:var(--tv-color-text, #191919);--tv-LinkMenu-input-border-color:var(--tv-color-border, #c2c2c2);--tv-LinkMenu-input-border-radius:var(--tv-border-radius-md, 6px);--tv-LinkMenu-tree-node-text-color:var(--tv-color-border, #c2c2c2);--tv-LinkMenu-btn-border-color:var(--tv-color-border, #c2c2c2);--tv-LinkMenu-btn-border-radius:var(--tv-border-radius-md, 6px);--tv-LinkMenu-btn-size:var(--tv-font-size-lg, 16px);--tv-LinkMenu-icon-size:var(--tv-icon-size, 16px)}.tiny-link-menu__nav .tiny-link-menu__nav-item{color:var(--tv-LinkMenu-nav-item-text-color);font-size:var(--tv-LinkMenu-item-font-size);border-right:1px solid var(--tv-LinkMenu-nav-item-border-color);padding:0 8px;line-height:1;display:inline-block;background:0;white-space:nowrap;text-decoration:none;outline:0;text-align:center;cursor:pointer}.tiny-link-menu__nav .tiny-link-menu__nav-item .tiny-svg{fill:var(--tv-LinkMenu-nav-item-text-color);margin-right:4px}.tiny-link-menu__nav .tiny-link-menu__nav-item span{line-height:1;vertical-align:middle}.tiny-link-menu .tiny-dialog-box__wrapper .tiny-dialog-box__body .tiny-link-menu__filert .tiny-input{width:100%}.tiny-link-menu .tiny-dialog-box__wrapper .tiny-dialog-box__body .tiny-tree{padding:16px 8px}.tiny-link-menu__nav{color:var(--tv-LinkMenu-btn-text-color);background:var(--tv-LinkMenu-btn-bg-color);padding:0 8px;line-height:1;outline:0;border:none;cursor:pointer}.tiny-link-menu__nav .tiny-svg{fill:var(--tv-LinkMenu-nav-item-text-color);font-size:var(--tv-LinkMenu-icon-size)}.tiny-link-menu__btn{width:32px;height:32px;border-radius:var(--tv-LinkMenu-btn-border-radius);border:1px solid var(--tv-LinkMenu-btn-border-color);background:var(--tv-LinkMenu-btn-bg-color)}.tiny-link-menu__btn .tiny-svg{fill:var(--tv-LinkMenu-nav-item-text-color);font-size:var(--tv-LinkMenu-btn-size)}.tiny-link-menu .tiny-input{width:270px;margin-bottom:5px}.tiny-link-menu .tiny-input .tiny-input__inner{height:var(--tv-LinkMenu-input-height);line-height:var(--tv-LinkMenu-input-height);font-size:var(--tv-LinkMenu-input-font-size);color:var(--tv-LinkMenu-input-text-color);background:var(--tv-LinkMenu-btn-bg-color);border:1px solid var(--tv-LinkMenu-input-border-color);border-radius:var(--tv-LinkMenu-input-border-radius);padding:0 8px;display:block;white-space:nowrap;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-link-menu .tiny-tree .tiny-tree-node .tiny-checkbox{-webkit-transform:translateY(1px);transform:translateY(1px)}.tiny-link-menu .tiny-tree .tiny-tree-node .tree-node-body{display:block;text-decoration:none}.tiny-link-menu .tiny-tree .tiny-tree-node .tree-node-body>.tiny-svg{margin-left:4px}.tiny-link-menu .tiny-tree .tiny-tree-node .tree-node-name{color:var(--tv-LinkMenu-tree-node-text-color);font-size:var(--tv-LinkMenu-input-font-size);border-radius:var(--tv-LinkMenu-input-border-radius);padding-left:4px;vertical-align:middle}.tiny-link-menu .tiny-tree .tiny-tree-node.is-focusable .tree-node-name{color:var(--tv-LinkMenu-input-text-color)}.tiny-link-menu .tiny-tree.tiny-link-menu__overflow .tiny-tree-node__label{width:100%}.tiny-link-menu .tiny-tree.tiny-link-menu__overflow .tiny-tree-node__label .tree-node{width:calc(100% - 36px)}.tiny-link-menu .tiny-tree.tiny-link-menu__overflow .tree-node-name{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-link-menu .tiny-tree.tiny-link-menu__wrap .tree-node{width:calc(100% - 36px)}.tiny-link-menu .tiny-tree.tiny-link-menu__wrap .tree-node-icon svg.tiny-svg{width:var(--tv-LinkMenu-icon-size);height:var(--tv-LinkMenu-icon-size)}.tiny-link-menu .tiny-tree.tiny-link-menu__wrap .tree-node-name{width:100%;display:inline-block;white-space:normal;line-height:normal;word-break:break-word}