From f683a008f6b87c9c226af65340fc8308fbd185e9 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Thu, 8 Aug 2013 10:59:12 -0700 Subject: [PATCH] Add experimental search query to legend. Addresses #51 --- static/css/elements/chromedash-legend.css | 2 +- static/css/main.css | 2 +- static/elements/chromedash-legend.html | 1 + static/sass/elements/chromedash-legend.scss | 2 +- static/sass/main.scss | 2 +- 5 files changed, 5 insertions(+), 4 deletions(-) diff --git a/static/css/elements/chromedash-legend.css b/static/css/elements/chromedash-legend.css index 1dea3f24eb7..9c54510686d 100644 --- a/static/css/elements/chromedash-legend.css +++ b/static/css/elements/chromedash-legend.css @@ -1 +1 @@ -@host{:scope{display:block}}h2{border-bottom:2px solid #4580c0;padding-bottom:10px;margin-bottom:10px}ul{margin:0 0 15px 0}ul>li{margin:5px 0}label{font-size:12px;font-weight:600;text-transform:uppercase}section{margin-top:10px}section.views{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}section.views>div{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0}.queries li span{margin-right:5px;width:50px;display:inline-block}p{margin-top:5px}#dialog{position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:1px 1px 5px #a9a9a9;border-radius:3px;padding:20px 30px} +@host{:scope{display:block}}h2{border-bottom:2px solid #4580c0;padding-bottom:10px;margin-bottom:10px}ul{margin:0 0 15px 0}ul>li{margin:5px 0}label{font-size:12px;font-weight:600;text-transform:uppercase}section{margin-top:10px}section.views{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}section.views>div{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0}.queries li span{margin-right:5px;width:110px;display:inline-block}p{margin-top:5px}#dialog{position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);box-shadow:1px 1px 5px #a9a9a9;border-radius:3px;padding:20px 30px} diff --git a/static/css/main.css b/static/css/main.css index d8c35cf1622..fd23e25c2f8 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}*{box-sizing:border-box}a{text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-block;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9), color-stop(70%, #e3e3e3));background:-webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-o-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:linear-gradient(#f9f9f9 40%,#e3e3e3 70%);border:1px solid #a9a9a9;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;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:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3), color-stop(70%, #f9f9f9));background:-webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-o-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:linear-gradient(#e3e3e3 40%,#f9f9f9 70%)}html,body{height:100%}body{color:#666;font:14px "Open Sans", Arial, sans-serif;background-color:#eee;opacity:1.0 !important;transition:none !important}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{color:#4580c0}a:hover{color:#366597;text-decoration:none}b{font-weight:bold}input:not([type="submit"]),textarea{border:1px solid #d4d4d4}input:not([type="submit"])[disabled],textarea[disabled]{opacity:0.5}header,footer{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;text-shadow:0 1px 0 white}header{margin:15px 0 0 0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}header a{color:currentcolor}header aside{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#FAFAFA;padding:0.75em 1em;background:url(/static/img/chromium-128.png) no-repeat 10px 50%,#fafafa;background-size:25%;padding-left:125px}header aside h1{line-height:1}header aside img{height:45px;width:45px;margin-right:7px}header nav{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;margin-left:3em}header nav a{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;cursor:pointer;margin-right:1em;font-size:16px;text-align:center;border-radius:3px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4}header nav a:active{position:relative;top:1px;left:1px;box-shadow:3px 3px 4px rgba(0,0,0,0.065)}header nav a.disabled{opacity:0.5;pointer-events:none}footer{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);font-size:12px;box-shadow:0 -2px 5px rgba(0,0,0,0.065);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;position:relative}footer div{margin-top:5px}chromedash-legend{width:600px;left:-moz-calc(50% - 600px/2);left:-o-calc(50% - 600px/2);left:-webkit-calc(50% - 600px/2);left:calc(50% - 600px/2);top:10%;opacity:0}#subheader{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;margin:20px 20px 0 25px;max-width:905px}#subheader div{margin-right:25px}#subheader div.feature-count{min-width:325px;margin-right:5px}#subheader div.search{margin-right:0}#subheader div.search input{width:200px;outline:none;padding:10px 7px}#subheader div.actionlinks{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;text-align:right;margin-right:0}#subheader div.actionlinks a{margin-left:20px}#container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;height:100%;width:100%}#content{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-flex:1;-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:20px;overflow:auto;position:relative}#panels{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;width:100%;overflow:hidden}#panels nav{font-size:120%;font-weight:300;width:150px;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;overflow:auto;max-width:760px}@media only screen and (max-width: 700px){h1{font-size:25px}h2{font-size:20px}h3{font-size:15px}#container{display:block}#content{margin:0}header{margin:0;display:block}header aside{padding:0.5em;border-radius:0}header aside hgroup{text-align:right}header aside hgroup span{display:none}header nav{margin:10px 0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}header nav a{padding:5px 10px;margin:0;border-radius:0}#panels{display:block}#panels nav{display:none}#subheader{margin:5px}#subheader div:not(.search){display:none}#subheader div.search{text-align:center;-webkit-box-flex:1;-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:0}chromedash-feature,[is="chromedash-feature"]{box-shadow:none !important;border-radius:0 !important;padding:10px !important;margin:0 !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}footer{padding:0.35em}} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}*{box-sizing:border-box}a{text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-block;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #f9f9f9), color-stop(70%, #e3e3e3));background:-webkit-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-moz-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:-o-linear-gradient(#f9f9f9 40%,#e3e3e3 70%);background:linear-gradient(#f9f9f9 40%,#e3e3e3 70%);border:1px solid #a9a9a9;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;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:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #e3e3e3), color-stop(70%, #f9f9f9));background:-webkit-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-moz-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:-o-linear-gradient(#e3e3e3 40%,#f9f9f9 70%);background:linear-gradient(#e3e3e3 40%,#f9f9f9 70%)}html,body{height:100%}body{color:#666;font:14px "Open Sans", Arial, sans-serif;background-color:#eee;opacity:1.0 !important;transition:none !important}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{color:#4580c0}a:hover{color:#366597;text-decoration:none}b{font-weight:bold}input:not([type="submit"]),textarea{border:1px solid #d4d4d4}input:not([type="submit"])[disabled],textarea[disabled]{opacity:0.5}header,footer{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;text-shadow:0 1px 0 white}header{margin:15px 0 0 0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}header a{color:currentcolor}header aside{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background-color:#FAFAFA;padding:0.75em 1em;background:url(/static/img/chromium-128.png) no-repeat 10px 50%,#fafafa;background-size:25%;padding-left:125px}header aside h1{line-height:1}header aside img{height:45px;width:45px;margin-right:7px}header nav{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;margin-left:3em}header nav a{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;cursor:pointer;margin-right:1em;font-size:16px;text-align:center;border-radius:3px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4}header nav a:active{position:relative;top:1px;left:1px;box-shadow:3px 3px 4px rgba(0,0,0,0.065)}header nav a.disabled{opacity:0.5;pointer-events:none}footer{background-color:#FAFAFA;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(top, #ffffff,#f2f2f2);background:-moz-linear-gradient(top, #ffffff,#f2f2f2);background:-o-linear-gradient(top, #ffffff,#f2f2f2);background:linear-gradient(top, #ffffff,#f2f2f2);padding:0.75em 1em;box-shadow:1px 1px 4px rgba(0,0,0,0.065);font-size:12px;box-shadow:0 -2px 5px rgba(0,0,0,0.065);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;position:relative}footer div{margin-top:5px}chromedash-legend{width:600px;left:-moz-calc(50% - 600px/2);left:-o-calc(50% - 600px/2);left:-webkit-calc(50% - 600px/2);left:calc(50% - 600px/2);top:7%;opacity:0}#subheader{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;margin:20px 20px 0 25px;max-width:905px}#subheader div{margin-right:25px}#subheader div.feature-count{min-width:325px;margin-right:5px}#subheader div.search{margin-right:0}#subheader div.search input{width:200px;outline:none;padding:10px 7px}#subheader div.actionlinks{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;text-align:right;margin-right:0}#subheader div.actionlinks a{margin-left:20px}#container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;height:100%;width:100%}#content{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-flex:1;-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:20px;overflow:auto;position:relative}#panels{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;width:100%;overflow:hidden}#panels nav{font-size:120%;font-weight:300;width:150px;overflow-x:hidden}#panels nav chromedash-metadata{overflow:auto;width:165px}#panels nav chromedash-metadata .help{text-align:center}#panels chromedash-featurelist{-webkit-box-flex:1;-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;-o-flex:1 0 0;flex:1 0 0;overflow:auto;max-width:760px}@media only screen and (max-width: 700px){h1{font-size:25px}h2{font-size:20px}h3{font-size:15px}#container{display:block}#content{margin:0}header{margin:0;display:block}header aside{padding:0.5em;border-radius:0}header aside hgroup{text-align:right}header aside hgroup span{display:none}header nav{margin:10px 0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}header nav a{padding:5px 10px;margin:0;border-radius:0}#panels{display:block}#panels nav{display:none}#subheader{margin:5px}#subheader div:not(.search){display:none}#subheader div.search{text-align:center;-webkit-box-flex:1;-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:0}chromedash-feature,[is="chromedash-feature"]{box-shadow:none !important;border-radius:0 !important;padding:10px !important;margin:0 !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}footer{padding:0.35em}} diff --git a/static/elements/chromedash-legend.html b/static/elements/chromedash-legend.html index 891453df472..f928a2149da 100644 --- a/static/elements/chromedash-legend.html +++ b/static/elements/chromedash-legend.html @@ -45,6 +45,7 @@

Search

  • "<=30"features in 30
  • "=30"features that landed in 30
  • ">28"features since 28 +
  • "behind a flag"all experimental features diff --git a/static/sass/elements/chromedash-legend.scss b/static/sass/elements/chromedash-legend.scss index c321d5ddc3c..e60a92c1fb2 100644 --- a/static/sass/elements/chromedash-legend.scss +++ b/static/sass/elements/chromedash-legend.scss @@ -45,7 +45,7 @@ section { li { span { margin-right: 5px; - width: 50px; + width: 110px; display: inline-block; } } diff --git a/static/sass/main.scss b/static/sass/main.scss index b3eaf6897dc..ef86a5879c5 100644 --- a/static/sass/main.scss +++ b/static/sass/main.scss @@ -160,7 +160,7 @@ footer { chromedash-legend { width: 600px; @include calc(left, '50% - 600px/2'); - top: 10%; + top: 7%; opacity: 0; // Ensure no FOUC. // width: 100%;