diff --git a/ui (gen4)/css/experimenting.css b/ui (gen4)/css/experimenting.css index a08f427d..bc40baf2 100755 --- a/ui (gen4)/css/experimenting.css +++ b/ui (gen4)/css/experimenting.css @@ -261,6 +261,30 @@ body { } */ +/* XXX experimental key mappings... */ +.browse-widget.show-keys .list>div:after { + display: inline; + position: relative; + content: attr(keys); + + float: right; + margin-left: 0.5em; + margin-right: 0.5em; + + opacity: 0.3; + font-style: italic; +} +.browse-widget.show-keys .list>div.disabled:after { + opacity: 0.5; +} + +.browse-widget.show-keys .list>div:hover:after { + opacity: 0.5; +} +.browse-widget.show-keys .list>div.disabled:hover:after { + opacity: 1; +} + /* DEBUG stuff... */ .container-center { diff --git a/ui (gen4)/css/widget/browse.css b/ui (gen4)/css/widget/browse.css index 2c86edcf..2c16b156 100755 --- a/ui (gen4)/css/widget/browse.css +++ b/ui (gen4)/css/widget/browse.css @@ -210,6 +210,8 @@ padding-left: 10px; padding-right: 10px; box-sizing: border-box; + /* XXX not sure about this yet... */ + background-color: rgba(0, 0, 0, 0.1); } .browse-widget .list .button:hover { opacity: 0.9; diff --git a/ui (gen4)/experiments/native-scroll-ribbon.html b/ui (gen4)/experiments/native-scroll-ribbon.html index c9049b61..a92a76a0 100755 --- a/ui (gen4)/experiments/native-scroll-ribbon.html +++ b/ui (gen4)/experiments/native-scroll-ribbon.html @@ -1,5 +1,30 @@ + +