diff --git a/app.yaml b/app.yaml index 5b2ae5ce..41bcc447 100644 --- a/app.yaml +++ b/app.yaml @@ -1,5 +1,5 @@ application: cr-status -version: 2016-03-10 +version: 2016-03-10-2 runtime: python27 threadsafe: true api_version: 1 diff --git a/bower.json b/bower.json index 6a30c9f4..911dadd1 100644 --- a/bower.json +++ b/bower.json @@ -35,6 +35,6 @@ "iron-icons": "PolymerElements/iron-icons#^1.0.3", "paper-button": "PolymerElements/paper-button#^1.0.3", "paper-card": "PolymerElements/paper-card#^1.0.0", - "iron-list": "PolymerElements/iron-list#^1.1.6" + "iron-list": "PolymerElements/iron-list#^1.2.7" } } diff --git a/static/css/elements/chromedash-feature.css b/static/css/elements/chromedash-feature.css index 356ff5b9..76abb29c 100644 --- a/static/css/elements/chromedash-feature.css +++ b/static/css/elements/chromedash-feature.css @@ -1 +1 @@ -h1,h2,h3,h4{font-weight:300}h1{font-size:30px}h2,h3,h4{color:#444}h2{font-size:25px}h3{font-size:20px}a{text-decoration:none;color:#4580c0}a:hover{text-decoration:underline;color:#366597}b{font-weight:600}input:not([type="submit"]),textarea{border:1px solid #D4D4D4}input:not([type="submit"])[disabled],textarea[disabled]{opacity:0.5}button,.button{display:inline-block;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9),color-stop(70%, #e3e3e3));background:-moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:linear-gradient(#f9f9f9 40%,#e3e3e3 70%);border:1px solid #a9a9a9;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-size:10pt}button:not(:disabled):hover{border-color:#515151}button:not(:disabled):active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3),color-stop(70%, #f9f9f9));background:-moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:linear-gradient(#e3e3e3 40%,#f9f9f9 70%)}.comma::after{content:',\00a0'}*{box-sizing:border-box;list-style:none;padding:0;margin:0;font:inherit;text-decoration:inherit}:focus{z-index:1}:host{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);position:relative;border-radius:3px;padding:10px 20px !important;list-style:none;box-sizing:border-box}:host:active{outline:none}:host([open]){outline:none}:host([open]) .desc summary{white-space:normal}[hidden]{display:none !important}h2{display:inline-block;font-size:25px;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0}iron-icon{--iron-icon-height:20px;--iron-icon-width:20px}iron-icon.android{color:#A4C739}iron-icon.remove{color:var(--paper-red-700)}iron-icon.deprecated{color:var(--paper-orange-700)}iron-icon.experimental{color:var(--paper-green-700)}.opennew{width:18px;height:18px}.editfeature{color:#4580c0}.main-content-area{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;margin-right:12px;overflow:hidden}.open-standalone{position:absolute;right:0;top:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:100%;border-left:2px solid #eee;padding:4px}.iconrow{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.topcorner .tooltip{margin-left:8px}.topcorner .tooltip:hover:before,.topcorner .tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:35px;right:20px;width:auto;white-space:nowrap}hgroup{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;cursor:pointer}hgroup .category{color:#a9a9a9}hgroup chromedash-color-status{position:absolute;top:0;left:0}hgroup chromedash-color-status:hover:before,hgroup chromedash-color-status:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:50%;margin:-30px auto;left:25px;width:275px}section{margin:18px 0}section.desc{margin:10px 0 0 0;cursor:pointer;color:#797979;line-height:20px}section.desc summary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}section h3{margin:10px 0;font-size:18px;font-weight:400}section div>span{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;flex-shrink:0}section .impl_status{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}section .impl_status>span{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;padding:8px}section .impl_status>span:nth-of-type(odd){background:#eee}section .impl_status .chrome_desktop.tooltip,section .impl_status .chrome_android.tooltip,section .impl_status .chrome_webview.tooltip{position:relative}section .impl_status .chrome_desktop.tooltip:hover:before,section .impl_status .chrome_desktop.tooltip:active:before,section .impl_status .chrome_android.tooltip:hover:before,section .impl_status .chrome_android.tooltip:active:before,section .impl_status .chrome_webview.tooltip:hover:before,section .impl_status .chrome_webview.tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:-50px;left:20px;width:225px}section .views{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}section .views .view{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;position:relative;height:35px;background:#eee;margin:0 8px 16px 0;padding:8px}section .views .view.tooltip:hover:before,section .views .view.tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:-50px;left:20px;width:150px}section .views .standardization .vendor-view{margin-left:0}section .views iron-icon{margin:0 8px}section .views .vendor-view{background:url(/static/img/browsers-logos.png) no-repeat;background-size:cover;height:16px;margin:8px;display:inline-block}section .views .opera-view .vendor-view{background-position:-60px 50%;width:17px}section .views .opera-view:hover:before,section .views .opera-view:active:before{width:210px !important;left:-80px !important}section .views .edge-view{background-position:-80px 50%;width:16px}section .views .safari-view{background-position:-20px 50%;width:17px}section .views .ff-view{background-position:-40px 50%;width:17px}section .views .w3c-view{background-position:-99px 50%;width:22px}section .views .webdev-view:hover:before,section .views .webdev-view:active:before{left:-80px !important;width:160px !important}section chromedash-color-status{width:3px;overflow:hidden}section chromedash-color-status.bottom{margin-top:3px}section .owner-list{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}section .owner-list a{display:block}section .comments html-echo{white-space:pre-wrap}section .doc_links,section .sample_links,section .owner{-webkit-flex-shrink:1 !important;-moz-flex-shrink:1 !important;-ms-flex-shrink:1 !important;-o-flex-shrink:1 !important;flex-shrink:1 !important}section .sample_links{margin-left:8px}.sidebyside{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}.sidebyside .flex{-ms-flex:0 0 calc(50% - 16px);-webkit-flex:0 0 calc(50% - 16px);flex:0 0 calc(50% - 16px)}.resources{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.resources label{margin-right:8px}@media only screen and (max-width: 700px){:host{border-radius:0 !important;margin:7px initial !important;-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important}iron-icon{--iron-icon-height:16px;--iron-icon-width:16px}h2{font-size:20px !important}section{margin-left:0}.category{display:none}.impl_status>span:not([hidden]):not(:last-of-type),.impl_status>a{margin-bottom:10px}.views>span{margin-bottom:10px}.sidebyside{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}} +h1,h2,h3,h4{font-weight:300}h1{font-size:30px}h2,h3,h4{color:#444}h2{font-size:25px}h3{font-size:20px}a{text-decoration:none;color:#4580c0}a:hover{text-decoration:underline;color:#366597}b{font-weight:600}input:not([type="submit"]),textarea{border:1px solid #D4D4D4}input:not([type="submit"])[disabled],textarea[disabled]{opacity:0.5}button,.button{display:inline-block;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9),color-stop(70%, #e3e3e3));background:-moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:linear-gradient(#f9f9f9 40%,#e3e3e3 70%);border:1px solid #a9a9a9;border-radius:3px;padding:5px 8px;outline:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-shadow:1px 1px #fff;font-size:10pt}button:not(:disabled):hover{border-color:#515151}button:not(:disabled):active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3),color-stop(70%, #f9f9f9));background:-moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:linear-gradient(#e3e3e3 40%,#f9f9f9 70%)}.comma::after{content:',\00a0'}*{box-sizing:border-box;list-style:none;padding:0;margin:0;font:inherit;text-decoration:inherit}:focus{z-index:1}:host{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);position:relative;border-radius:3px;padding:10px 20px !important;list-style:none;box-sizing:border-box}:host:active{outline:none}:host([open]){outline:none}:host([open]) .desc summary{white-space:normal}[hidden]{display:none !important}h2{display:inline-block;font-size:25px;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0}iron-icon{--iron-icon-height:20px;--iron-icon-width:20px}iron-icon.android{color:#A4C739}iron-icon.remove{color:var(--paper-red-700)}iron-icon.deprecated{color:var(--paper-orange-700)}iron-icon.experimental{color:var(--paper-green-700)}.opennew{width:18px;height:18px}.editfeature{color:#4580c0}.main-content-area{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;margin-right:12px;overflow:hidden}.open-standalone{position:absolute;right:0;top:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:100%;border-left:2px solid #eee;padding:4px}.iconrow{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.topcorner .tooltip{margin-left:8px}.topcorner .tooltip:hover:before,.topcorner .tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:35px;right:20px;width:auto;white-space:nowrap}hgroup{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;cursor:pointer}hgroup .category{color:#a9a9a9}hgroup chromedash-color-status{position:absolute;top:0;left:0}hgroup chromedash-color-status:hover:before,hgroup chromedash-color-status:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:50%;margin:-30px auto;left:25px;width:275px}section{margin:18px 0}section.desc{margin:10px 0 0 0;cursor:pointer;color:#797979;line-height:20px}section.desc summary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}section h3{margin:10px 0;font-size:18px;font-weight:400}section div>span{-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;flex-shrink:0}section .impl_status{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}section .impl_status>span{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;padding:8px}section .impl_status>span:nth-of-type(odd){background:#eee}section .impl_status .chrome_desktop.tooltip,section .impl_status .chrome_android.tooltip,section .impl_status .chrome_webview.tooltip{position:relative}section .impl_status .chrome_desktop.tooltip:hover:before,section .impl_status .chrome_desktop.tooltip:active:before,section .impl_status .chrome_android.tooltip:hover:before,section .impl_status .chrome_android.tooltip:active:before,section .impl_status .chrome_webview.tooltip:hover:before,section .impl_status .chrome_webview.tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:-50px;left:20px;width:225px}section .views{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}section .views .view{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;position:relative;height:35px;background:#eee;margin:0 8px 16px 0;padding:8px}section .views .view.tooltip:hover:before,section .views .view.tooltip:active:before{content:attr(title) "";position:absolute;background-color:#FAFAFA;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(to bottom, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:2px 2px 4px #a9a9a9;border:1px solid #e6e6e6;z-index:100;text-align:center;color:#666;top:-50px;left:20px;width:150px}section .views .standardization .vendor-view{margin-left:0}section .views iron-icon{margin:0 8px}section .views .vendor-view{background:url(/static/img/browsers-logos.png) no-repeat;background-size:cover;height:16px;margin:8px;display:inline-block}section .views .opera-view .vendor-view{background-position:-60px 50%;width:17px}section .views .opera-view:hover:before,section .views .opera-view:active:before{width:210px !important;left:-80px !important}section .views .edge-view{background-position:-80px 50%;width:16px}section .views .safari-view{background-position:-20px 50%;width:17px}section .views .ff-view{background-position:-40px 50%;width:17px}section .views .w3c-view{background-position:-99px 50%;width:22px}section .views .webdev-view:hover:before,section .views .webdev-view:active:before{left:-80px !important;width:160px !important}section chromedash-color-status{overflow:hidden}section chromedash-color-status.bottom{margin-top:3px}section .owner-list{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}section .owner-list a{display:block}section .comments html-echo{white-space:pre-wrap}section .doc_links,section .sample_links,section .owner{-webkit-flex-shrink:1 !important;-moz-flex-shrink:1 !important;-ms-flex-shrink:1 !important;-o-flex-shrink:1 !important;flex-shrink:1 !important}section .sample_links{margin-left:8px}.sidebyside{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}.sidebyside .flex{-ms-flex:0 0 calc(50% - 16px);-webkit-flex:0 0 calc(50% - 16px);flex:0 0 calc(50% - 16px)}.resources label{margin-right:8px}@media only screen and (max-width: 700px){:host{border-radius:0 !important;margin:7px initial !important;-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important}iron-icon{--iron-icon-height:16px;--iron-icon-width:16px}h2{font-size:20px !important}section{margin-left:0}.category{display:none}.impl_status>span:not([hidden]):not(:last-of-type),.impl_status>a{margin-bottom:10px}.views>span{margin-bottom:10px}.sidebyside{display:block}}@media only screen and (min-width: 701px){.resources{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}} diff --git a/static/css/features/features.css b/static/css/features/features.css index 68f5a566..da40987f 100644 --- a/static/css/features/features.css +++ b/static/css/features/features.css @@ -1 +1 @@ -#content.ready::after{display:none}#content::after{font-size:18px;font-weight:normal;content:'loading...';color:#797979;top:0;left:0;position:absolute;background:white;border:1px dashed #bbb;border-radius:3px;width:100%;height:100%;box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;z-index:100}#content.error::after{content:'Error loading features list.';color:darkred}chromedash-legend{font-size:90%}chromedash-legend .description{margin-bottom:10px}#panels nav{font-size:120%;font-weight:300;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;max-width:760px}#subheader paper-button{color:#366597;background:#fff}@media only screen and (max-width: 700px){body:not(.ready) #content{margin:10px}#content{height:100%}chromedash-featurelist{position:absolute;top:0;left:0;right:0;bottom:0}} +#content.ready::after{display:none}#content::after{font-size:18px;font-weight:normal;content:'loading...';color:#797979;top:0;left:0;position:absolute;background:white;border:1px dashed #bbb;border-radius:3px;width:100%;height:100%;box-sizing:border-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;z-index:100}#content.error::after{content:'Error loading features list.';color:darkred}chromedash-legend{font-size:90%}chromedash-legend .description{margin-bottom:10px}#panels nav{font-size:120%;font-weight:300;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px;-moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;max-width:760px}#subheader paper-button{color:#366597;background:#fff}@media only screen and (max-width: 700px){body:not(.ready) #content{margin:10px}#content{height:100%}chromedash-featurelist{position:absolute;top:0;left:0;right:0;bottom:0;min-height:100vh}} diff --git a/static/sass/elements/chromedash-feature.scss b/static/sass/elements/chromedash-feature.scss index fcd77830..95fa2ac4 100644 --- a/static/sass/elements/chromedash-feature.scss +++ b/static/sass/elements/chromedash-feature.scss @@ -266,7 +266,7 @@ section { } chromedash-color-status { - width: 3px; + // width: 3px; overflow: hidden; &.bottom { @@ -308,8 +308,6 @@ section { } .resources { - @include display-flex; - @include align-items(center); label { margin-right: 8px; } @@ -347,6 +345,14 @@ section { } .sidebyside { - @include flex-direction(column); + display: block; + // @include flex-direction(column); + } +} + +@media only screen and (min-width: 701px) { + .resources { + @include display-flex; + @include align-items(center); } } diff --git a/static/sass/elements/chromedash-featurelist.scss b/static/sass/elements/chromedash-featurelist.scss index 1b032365..5b1b8c25 100644 --- a/static/sass/elements/chromedash-featurelist.scss +++ b/static/sass/elements/chromedash-featurelist.scss @@ -7,9 +7,9 @@ position: relative; } -// #featurelist { -// @include transform(translateZ(0)); // force composite layer in stable -// } +#featurelist { + //@include transform(translateZ(0)); // force composite layer in stable +} // See https://crbug.com/553278 #ironlist { diff --git a/static/sass/features/features.scss b/static/sass/features/features.scss index a8bdffec..02ec04b9 100644 --- a/static/sass/features/features.scss +++ b/static/sass/features/features.scss @@ -96,5 +96,6 @@ chromedash-legend { left: 0; right: 0; bottom: 0; + min-height: 100vh; } }