Blueprints : overlay-scrollbar

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <base href="https://blueprints.launchpad.net/overlay-scrollbar/+specs" /> <meta charset="UTF-8" /> <title>Blueprints : overlay-scrollbar</title> <link rel="apple-touch-icon" sizes="180x180" href="/@@/apple-touch-icon.png?v=2022" /> <link rel="icon" type="image/png" sizes="32x32" href="/@@/favicon-32x32.png?v=2022" /> <link rel="icon" type="image/png" sizes="16x16" href="/@@/favicon-16x16.png?v=2022" /> <link rel="manifest" href="/@@/site.webmanifest?v=2022" /> <link rel="mask-icon" href="/@@/safari-pinned-tab.svg?v=2022" color="#e9531f" /> <link rel="shortcut icon" href="/@@/favicon.ico?v=2022" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-config" content="/@@/browserconfig.xml?v=2022" /> <meta name="theme-color" content="#ffffff" /> <link type="text/css" rel="stylesheet" media="screen, print" href="/+icing/rev1519c6efe8e9bd78e6c5ebf2eb5bcb040b95ad32/combo.css" /> <meta name="description" content="The Ayatana initiative, lead by Canonical, is about designing for a more focused desktop experience. We balance the idea of "focus on the core task" with the idea of "awareness of what's going on around you". This work, to produce a set of overlay scrollbars, is designed to improve the users ability to focus on content and applications. We are minimising the screen space that is devoted to "chrome", structural features which are not specific to the content at hand. We are aiming to retain t..." /> <meta property="og:description" content="The Ayatana initiative, lead by Canonical, is about designing for a more focused desktop experience. We balance the idea of "focus on the core task" with the idea of "awareness of what's going on around you". This work, to produce a set of overlay scrollbars, is designed to improve the users ability to focus on content and applications. We are minimising the screen space that is devoted to "chrome", structural features which are not specific to the content at hand. We are aiming to retain t..." /> <meta property="og:title" content="Blueprints : overlay-scrollbar" /> <meta property="og:type" content="website" /> <meta property="og:image" content="/@@/launchpad-og-image.png" /> <meta property="og:url" content="https://blueprints.launchpad.net/overlay-scrollbar/+specs" /> <meta property="og:site_name" content="Launchpad" /> <script type="text/javascript"> var LP = { cache: {}, links: {} }; </script> <script type="text/javascript">var cookie_scope = '; Path=/; Secure; Domain=.launchpad.net';</script> <script type="text/javascript" src="/+combo/rev1519c6efe8e9bd78e6c5ebf2eb5bcb040b95ad32/?yui/yui/yui-min.js&lp/meta.js&yui/loader/loader-min.js"></script> <script type="text/javascript"> var raw = null; if (LP.devmode) { raw = 'raw'; } YUI.GlobalConfig = { combine: true, comboBase: '/+combo/rev1519c6efe8e9bd78e6c5ebf2eb5bcb040b95ad32/?', root: 'yui/', filter: raw, debug: false, fetchCSS: false, maxURLLength: 2000, groups: { lp: { combine: true, base: '/+combo/rev1519c6efe8e9bd78e6c5ebf2eb5bcb040b95ad32/?lp/', comboBase: '/+combo/rev1519c6efe8e9bd78e6c5ebf2eb5bcb040b95ad32/?', root: 'lp/', // comes from including lp/meta.js modules: LP_MODULES, fetchCSS: false } } }</script> <script type="text/javascript"> // we need this to create a single YUI instance all events and code // talks across. All instances of YUI().use should be based off of // LPJS instead. var LPJS = new YUI(); </script> <script id="base-layout-load-scripts" type="text/javascript"> //<![CDATA[ LPJS.use('base', 'node', 'console', 'event', 'oop', 'lp', 'lp.app.foldables','lp.app.sorttable', 'lp.app.inlinehelp', 'lp.app.links', 'lp.bugs.bugtask_index', 'lp.bugs.subscribers', 'lp.app.ellipsis', 'lp.code.branchmergeproposal.diff', 'lp.views.global', function(Y) { Y.on("domready", function () { var global_view = new Y.lp.views.Global(); global_view.render(); Y.lp.app.sorttable.SortTable.init(); Y.lp.app.inlinehelp.init_help(); Y.lp.activate_collapsibles(); Y.lp.app.foldables.activate(); Y.lp.app.links.check_valid_lp_links(); }); Y.on('lp:context:web_link:changed', function(e) { window.location = e.new_value; }); }); //]]> </script> <script id="base-helper-functions" type="text/javascript"> //<![CDATA[ // This code is pulled from lp.js that needs to be available on every // request. Pulling here to get it outside the scope of the YUI block. function setFocusByName(name) { // Focus the first element matching the given name which can be focused. var nodes = document.getElementsByName(name); var i, node; for (i = 0; i < nodes.length; i++) { node = nodes[i]; if (node.focus) { try { // Trying to focus a hidden element throws an error in IE8. if (node.offsetHeight !== 0) { node.focus(); } } catch (e) { LPJS.use('console', function(Y) { Y.log('In setFocusByName(<' + node.tagName + ' type=' + node.type + '>): ' + e); }); } break; } } } function selectWidget(widget_name, event) { if (event && (event.keyCode === 9 || event.keyCode === 13)) { // Avoid firing if user is tabbing through or simply pressing // enter to submit the form. return; } document.getElementById(widget_name).checked = true; } //]]> </script> <meta name="robots" content="noindex,nofollow" /> </head> <body id="document" itemscope="" itemtype="http://schema.org/WebPage" class="tab-specifications main_side public yui3-skin-sam"> <div class="yui-d0"> <div id="locationbar" class="login-logout"> <div id="logincontrol"><a href="https://blueprints.launchpad.net/overlay-scrollbar/+login">Log in / Register</a></div> </div> <div id="watermark" class="watermark-apps-portlet"> <div> <a href="https://launchpad.net/overlay-scrollbar"><img alt="" width="64" height="64" src="https://launchpadlibrarian.net/79782838/ayatana-scrollbar_64x64.png" /></a> </div> <div class="wide"> <h2 id="watermark-heading"><a href="https://launchpad.net/overlay-scrollbar">overlay-scrollbar</a></h2> </div>  <ul class="facetmenu"> <li class="overview"><a href="https://launchpad.net/overlay-scrollbar">Overview</a></li> <li class="branches"><a href="https://code.launchpad.net/overlay-scrollbar">Code</a></li> <li class="bugs"><a href="https://bugs.launchpad.net/overlay-scrollbar">Bugs</a></li> <li class="specifications active"><span>Blueprints</span></li> <li class="translations"><a href="https://translations.launchpad.net/overlay-scrollbar">Translations</a></li> <li class="answers"><a href="https://answers.launchpad.net/overlay-scrollbar">Answers</a></li> </ul> </div> <div class="yui-t4"> <div id="maincontent" class="yui-main"> <div class="yui-b" dir="ltr"> <div class="context-publication"> <h1>Blueprints for overlay-scrollbar</h1> <div id="registration" class="registering"> </div> </div> <div id="request-notifications"> </div> <div> <div class="top-portlet"> <div id="specs-unknown"> <strong> <p> Launchpad does not know how overlay-scrollbar tracks feature planning or documentation. </p> </strong> </div> </div> </div> </div> </div> <div id="side-portlets" class="yui-b side"> </div> </div> <div id="footer" class="footer"> <div class="lp-arcana"> <div class="lp-branding"> <a href="https://launchpad.net/"><img src="/@@/launchpad-footer-logo.svg" alt="Launchpad" width="65" height="18" /></a>  •  <a href="https://launchpad.net/+tour">Take the tour</a>  •  <a href="https://help.launchpad.net/">Read the guide</a>   <form id="globalsearch" method="get" accept-charset="UTF-8" action="https://launchpad.net/+search"> <input type="search" id="search-text" name="field.text" /> <input type="image" src="/@@/search" style="vertical-align:5%" alt="Search Launchpad" /> </form> </div> </div> <div class="colophon"> © 2004 <a href="http://canonical.com/">Canonical Ltd.</a>  •  <a href="https://launchpad.net/legal">Terms of use</a>  •  <a href="https://www.ubuntu.com/legal/dataprivacy">Data privacy</a>  •  <a href="/feedback">Contact Launchpad Support</a>  •  <a href="http://blog.launchpad.net/">Blog</a>  •  <a href="https://canonical.com/careers">Careers</a>  •  <a href="https://ubuntu.social/@launchpadstatus">System status</a> <span id="lp-version">  •  1519c6e (<a href="https://dev.launchpad.net/">Get the code!</a>) </span> </div> </div> </div> <script id="json-cache-script">LP.cache = {"related_features": {}, "context": {"self_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar", "web_link": "https://launchpad.net/overlay-scrollbar", "resource_type_link": "https://blueprints.launchpad.net/api/devel/#project", "translations_usage": "Not Applicable", "official_answers": false, "official_blueprints": false, "official_codehosting": true, "official_bugs": true, "information_type": "Public", "active": true, "all_specifications_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/all_specifications", "valid_specifications_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/valid_specifications", "bug_reporting_guidelines": null, "bug_reported_acknowledgement": null, "official_bug_tags": [], "recipes_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/recipes", "webhooks_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/webhooks", "bug_supervisor_link": "https://blueprints.launchpad.net/api/devel/~ayatana-scrollbar-team", "active_milestones_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/active_milestones", "all_milestones_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/all_milestones", "translationgroup_link": null, "translationpermission": "Open", "qualifies_for_free_hosting": true, "reviewer_whiteboard": "tag:launchpad.net:2008:redacted", "is_permitted": "tag:launchpad.net:2008:redacted", "project_reviewed": "tag:launchpad.net:2008:redacted", "license_approved": "tag:launchpad.net:2008:redacted", "private": false, "display_name": "overlay-scrollbar", "icon_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/icon", "logo_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/logo", "name": "overlay-scrollbar", "owner_link": "https://blueprints.launchpad.net/api/devel/~pspmteam", "project_group_link": "https://blueprints.launchpad.net/api/devel/ayatana", "title": "overlay-scrollbar", "registrant_link": "https://blueprints.launchpad.net/api/devel/~cimi", "driver_link": "https://blueprints.launchpad.net/api/devel/~ayatana-scrollbar-team", "summary": "Overlay Scrollbars use an overlay to ensure that scrollbars take up no active screen real-estate. A thumb appears magically when the pointer is in proximity to the scrollbar, for easy desktop-style paging and dragging.", "description": "The Ayatana initiative, lead by Canonical, is about designing for a more focused desktop experience. We balance the idea of \"focus on the core task\" with the idea of \"awareness of what's going on around you\".\n\nThis work, to produce a set of overlay scrollbars, is designed to improve the users ability to focus on content and applications. We are minimising the screen space that is devoted to \"chrome\", structural features which are not specific to the content at hand. We are aiming to retain the semantic or symbolic value of scrollbars - telling the user where they are in a document, or signalling that there is additional content, while reducing the waste of space and distracting clutter that a traditional scrollbar entails. ", "date_created": "2011-03-03T12:19:45.932025+00:00", "homepage_url": null, "wiki_url": null, "screenshots_url": null, "download_url": null, "programming_language": "C", "sourceforge_project": null, "freshmeat_project": null, "brand_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/brand", "branch_sharing_policy": "Public", "bug_sharing_policy": "Public", "specification_sharing_policy": "Public", "licenses": ["GNU LGPL v2.1"], "license_info": null, "bug_tracker_link": null, "series_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/series", "development_focus_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/trunk", "releases_collection_link": "https://blueprints.launchpad.net/api/devel/overlay-scrollbar/releases", "translation_focus_link": null, "commercial_subscription_link": null, "commercial_subscription_is_due": false, "remote_product": null, "vcs": "Bazaar", "http_etag": "\"4cc8f8b66df692c622c7e8ffbaaed17310df1e2b-c6a251cf8a49d3beebcd255f887d585a69c145e3\""}};</script> </body>  </html>

CINXE.COM

Blueprints : overlay-scrollbar