diff --git a/notebook/static/tree/less/tree.less b/notebook/static/tree/less/tree.less index 030aeaacb..b231076fd 100644 --- a/notebook/static/tree/less/tree.less +++ b/notebook/static/tree/less/tree.less @@ -414,46 +414,31 @@ ul#new-menu { } //TO show tooltips via keyboard for"Duplicate","View","Rename", "Download", "Shutdown", "Edit","Move", "Delete" buttons. +.dynamic-buttons { + button:focus + [role="tooltip"] { + visibility: visible; + opacity: 1; + } -.visually-hidden { - clip-path: inset(100%); - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute; - white-space: nowrap; - width: 1px; -} - -button:focus + [role="tooltip"] { -visibility: visible; - opacity: 1; -} - -.button-and-tooltip { - position: relative; - display: inline-block; -} - -[role="tooltip"] { -/* Position the tooltip */ -position: absolute; -top:70%; -display:inline; -//-------------- -visibility: hidden; -width: 100px; -background-color: #F0EFEF; -color: #080808; -text-align: center; -padding: 3px; -outline-color: grey; -outline-offset: -2px; -outline-style: auto; -outline-width:1px; - z-index: 1; - opacity: 0; - transition: opacity .6s; - margin: 3px; - font-size:10px; + [role="tooltip"] { + /* Position the tooltip */ + position: absolute; + top:70%; + display:inline; + //-------------- + visibility: hidden; + background-color: #F0EFEF; + color: #080808; + text-align: center; + padding: 3px; + outline-color: grey; + outline-offset: -2px; + outline-style: auto; + outline-width:1px; + z-index: 1; + opacity: 0; + transition: opacity .6s; + margin: 3px; + font-size:10px; + } }