malayhm commented on a change in pull request #3462: ZEPPELIN-4138 Zeppelin Notebooks in vue.js framework URL: https://github.com/apache/zeppelin/pull/3462#discussion_r329729904
########## File path: zeppelin-web-vue/src/assets/jquery.menu.scss ########## @@ -0,0 +1,120 @@ +#menu-bar { + * { + box-sizing: content-box; + } + + .menu-top-mask { + height: 2px; + background-color: #fff; + z-index:1001; + } + + ul.main-menu { + list-style-type: none; + margin: 0 0 0 3px; + padding: 0; + font-size: 14px; + font-weight: 400; + + > li { + margin: 0; + display: inline-block; + list-style-type: none; + padding: 0 8px; + line-height: 28px; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + + &.active-menu { + background-color: #fff; + border-color: #ccc; + border: 1px solid #BDBDBD; + border-bottom-color: transparent; + + &:hover{ + background-color: #fff; + } + } + + .separator { + border-top: 1px solid #ddd; + margin-top: 5px; + margin-bottom: 5px; + } + + ul { + list-style-type: none; + padding: 0; + margin: 0; + display: none; + border-width:1px; + border-style: solid; + border-color: #ccc; + background-color: #fff; + -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + } + } + + li { + &:hover{ + background-color: whiteSmoke; /*#fef7cb;*/ + } + + a { + color: #000; + text-decoration: none; + display: block; + white-space: nowrap; + } + + ul { + li { + display:list-item; + margin: 0; + line-height: 26px; + min-width: 100px; + cursor: pointer; + text-indent: 30px; + white-space:nowrap; + + &.disabled, + &.disabled:hover, + &.disabled a { + color: #ddd; + cursor:default; + background-color: #fff; + } + + a { + &.disabled, + &.disabled:hover { + color: #ddd; + cursor:default; + background-color: #fff; + } + padding-right: 40px; + + span { + font-size: 11px; + color: #999; + float:right; + right: 10px; + left: auto; + position: absolute; + } + } + } + } + } + } + + .submenu { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAwNzc4MEM5REU2ODExRTA4MTFGQjkyRjI0QTE5OUNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAwNzc4MENBREU2ODExRTA4MTFGQjkyRjI0QTE5OUNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDA3NzgwQzdERTY4MTFFMDgxMUZCOTJGMjRBMTk5Q0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDA3NzgwQzhERTY4MTFFMDgxMUZCOTJGMjRBMTk5Q0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7t3apSAAAAWUlEQVR42mL8//8/AymAiZGRMQaIeYGYAYQJagBiJSAOBmJeomwA4t9ArADEoUCsRYwGmCckgViZkAYWIGYD4u9AvAWIbxCj4RdU8VVi/MBIcrAykAgAAgwA0LIO5yOjsL4AAAAASUVORK5CYII='); Review comment: Yes, we will be having theming option soon after we will finalize the mockups. With that change, we will be moving all to a single icon library - third party or a customized one, and all these base64 image URLs will go away. Detailed task list is available here: https://docs.google.com/spreadsheets/d/1cPI4t0Wqm0JVxjkLPNpah1I9vW-XmEcd9eDYISTV0iw/edit#gid=0 ---------------------------------------------------------------- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. For queries about this service, please contact Infrastructure at: us...@infra.apache.org With regards, Apache Git Services