From 453008c4abc9a061528167d8b865888a07cacedc Mon Sep 17 00:00:00 2001 From: "K. L. Usher" Date: Wed, 22 Nov 2017 11:17:38 +0000 Subject: [PATCH] playground restyling Signed-off-by: K. L. Usher --- .../_includes/sidebars/accordion-toc0.md | 2 +- .../jekylldocs/assets/css/grid-layout.min.css | 2 +- .../jekylldocs/assets/css/grid-layout.scss | 21 ++++++++++++------- .../jekylldocs/assets/img/Caret_SW_2.svg | 1 + .../jekylldocs/assets/img/chevron-left.svg | 7 ------- .../jekylldocs/assets/js/nav.js | 16 ++++++++++---- 6 files changed, 28 insertions(+), 21 deletions(-) create mode 100644 packages/composer-website/jekylldocs/assets/img/Caret_SW_2.svg delete mode 100644 packages/composer-website/jekylldocs/assets/img/chevron-left.svg diff --git a/packages/composer-website/jekylldocs/_includes/sidebars/accordion-toc0.md b/packages/composer-website/jekylldocs/_includes/sidebars/accordion-toc0.md index adb178ecac..86f4953aa8 100644 --- a/packages/composer-website/jekylldocs/_includes/sidebars/accordion-toc0.md +++ b/packages/composer-website/jekylldocs/_includes/sidebars/accordion-toc0.md @@ -3,7 +3,7 @@ {% if page.index-order %} {% capture mods %}{{ page.index-order | modulo:100 }}{% endcapture %} {% if mods == "0" and page.exception == nil %} -- [{{ page.title }}](..{{page.url}}.html) +- [{{ page.title }}](..{{page.url}}.html) {% elsif mods != "0" and page.exception == nil %} - [{{page.title}}](..{{page.url}}.html) {% endif %} diff --git a/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css b/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css index d223554244..ccd2987618 100644 --- a/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css +++ b/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css @@ -1 +1 @@ -.docs-container{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:20% 20% 20% 20% 20%}.docs-container hr{display:none}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:2;justify-items:start;overflow-y:scroll;height:100vh;background-color:#f7f2f0;-ms-overflow-style:none}.docs-container .page-sidebar-grid::-webkit-scrollbar{display:none}.docs-container .page-sidebar-grid .docs-pagenav-grid{padding-top:5vh}.docs-container .page-sidebar-grid .docs-pagenav-grid .navbar-brand{padding-left:2rem;text-decoration:none;color:#19273C;font-size:1rem;display:inline-block}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs{padding-left:2rem;padding-top:0.5rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a{text-decoration:none;color:#8C9696;font-size:0.9rem;padding-right:1rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a:hover{color:#3F55AF}.docs-container .page-sidebar-grid .docs-pagenav-grid ul{list-style:none;padding-left:2rem}.docs-container .page-sidebar-grid .docs-pagenav-grid ul li a{font-size:0.9rem;text-decoration:none;color:#19273C}.docs-container .page-sidebar-grid .docs-current-page-grid p{font-weight:300;font-size:1.5rem;padding:2rem;display:block}.docs-container .page-sidebar-grid .context-nav ul{padding-left:0;margin:0}.docs-container .page-sidebar-grid .context-nav ul li{list-style:none;position:relative;overflow:hidden;transition:0.4s;background-color:#FDFDFD}.docs-container .page-sidebar-grid .context-nav ul li.hide{height:4rem !important;background-color:#f7f2f0}.docs-container .page-sidebar-grid .context-nav ul li:hover{border-right:0px solid #3F55AF}.docs-container .page-sidebar-grid .context-nav ul li:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active{height:auto !important;border-left-color:#000}.docs-container .page-sidebar-grid .context-nav ul li.active:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li a{padding-left:2rem;padding-right:1rem;display:block;padding-top:0.5rem;padding-bottom:0.5rem}.docs-container .page-sidebar-grid .context-nav ul li a.active{color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul{list-style:none;padding-left:0;margin:0;margin-left:0rem;margin-top:1rem;padding-bottom:2rem}.docs-container .page-sidebar-grid .context-nav ul li ul:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul li{border-bottom:none;border-left:6px solid #FDFDFD}.docs-container .page-sidebar-grid .context-nav ul li ul li:hover{border-left:6px solid #000;border-right:none}.docs-container .page-sidebar-grid .context-nav ul .caret{float:right;width:13px;height:13px}.docs-container .page-sidebar-grid .context-nav ul .caret.hidden{visibility:hidden}.docs-container .page-sidebar-grid .context-nav a{text-decoration:none;color:#19273C;font-size:0.9rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid{margin-top:5rem;margin-bottom:2rem;align-items:end}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid p{font-size:0.8rem;color:grey;padding-left:2rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul{list-style:none;margin:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li{border-bottom:none;padding:0;background-color:#f7f2f0 !important}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li:hover{border-right:none}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a{font-size:0.8rem;color:grey;margin:0;padding-left:2rem;padding-top:0;padding-bottom:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a:hover{color:#3F55AF}.docs-container .page-content-grid{grid-column-start:2;grid-column-end:6;background-color:#F9F9F9;overflow-y:scroll;height:100vh}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:750px;margin-top:5vh;margin-bottom:3rem}.docs-container .page-content-grid .content-chunk ul{font-size:0.9rem}.SiteWrapper .content .page-content-grid .content-chunk p{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk p code{background-color:white;border:1px solid #E3ECEC;padding-top:1px;padding-bottom:2px;padding-left:4px;color:#19273C;border-radius:1px}.SiteWrapper .content .page-content-grid .content-chunk h1{font-weight:300;font-size:2em;margin-bottom:3rem;padding-top:5rem}.SiteWrapper .content .page-content-grid .content-chunk h1:first-of-type{padding-top:0}.SiteWrapper .content .page-content-grid .content-chunk h2{margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk h3{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:1.2rem;line-height:130%;color:#19273C;margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk blockquote{background-color:white;padding:1rem;padding-left:2rem;margin-left:0;margin-right:0;border-left:4px solid #3F55AF}.SiteWrapper .content .page-content-grid .content-chunk pre{background-color:#272B36;padding:1rem;color:white;border-radius:4px;padding-right:4rem}.SiteWrapper .content .page-content-grid .content-chunk pre code{padding-right:35px}.SiteWrapper .content .page-content-grid .content-chunk code{border-radius:2px;padding-right:5px;padding-top:1px;padding-bottom:1px;font-family:"Source Code Pro";font-size:0.8rem}.SiteWrapper .content .page-content-grid .content-chunk img{max-width:100%;border:1px solid #E3ECEC}.SiteWrapper .content .page-content-grid .content-chunk ul{list-style:none;padding-left:2em;text-indent:-1em;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ul li:before{color:#19273C;content:'- \0000a0';font-size:1rem;font-weight:600}.SiteWrapper .content .page-content-grid .content-chunk ul li{padding-bottom:0.5rem}.SiteWrapper .content .page-content-grid .content-chunk ul li p{display:inline}.SiteWrapper .content .page-content-grid .content-chunk ol{border-left:1px solid #E3ECEC;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ol li{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk a{color:#3F55AF}.SiteWrapper .content .page-content-grid .content-chunk .support-button{position:relative;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;margin:0;box-shadow:none;line-height:40px;cursor:pointer;background-color:#FDFDFD;width:auto;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;font-weight:400;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);min-width:140px;text-decoration:none;padding:0.5rem;padding-left:1.5rem;padding-right:1.5rem}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary{background-color:#3F55AF;border-color:#3F55AF;color:#FDFDFD}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary:hover{background-color:#2D3D7D}.SiteWrapper .content .page-content-grid .content-chunk table{font-size:0.8rem;display:block;background-color:white;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table td{border-bottom:1px solid #E3ECEC;padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table th{padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem;color:#8C9696}.SiteWrapper .content .page-content-grid .content-chunk table thead{font-weight:600;padding-bottom:1rem}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr{transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1)}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type td{border-bottom:none}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type:hover{background-color:transparent}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:hover{background-color:#F9F9F9}@media only screen and (max-width: 1440px){.docs-container{grid-template-columns:25% 25% 25% 25%}}@media only screen and (max-width: 1024px){.docs-container{grid-template-columns:20% 20% 20% 20% 20%}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:3}.docs-container .page-content-grid{grid-column-start:3;grid-column-end:6}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:550px}}@media only screen and (max-width: 768px){.docs-container .page-content-grid .content-chunk{max-width:400px}}@media only screen and (max-width: 599px){.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:6;overflow-y:auto}.docs-container .page-content-grid{grid-column-start:1;grid-column-end:6;padding-right:2rem;overflow-y:auto}.docs-container .page-content-grid .content-chunk{max-width:400px}}.highlight{border-radius:4px;position:relative}.highlight .hll{background-color:#424242}.highlight .c{color:#969896}.highlight .err{color:#d54e53}.highlight .k{color:#c397d8}.highlight .l{color:#e78c45}.highlight .n{color:#eaeaea}.highlight .o{color:#70c0b1}.highlight .p{color:#eaeaea}.highlight .cm{color:#969896}.highlight .cp{color:#969896}.highlight .c1{color:#969896}.highlight .cs{color:#969896}.highlight .gd{color:#d54e53}.highlight .ge{font-style:italic}.highlight .gh{color:#eaeaea;font-weight:bold}.highlight .gi{color:#b9ca4a}.highlight .gp{color:#969896;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#70c0b1;font-weight:bold}.highlight .kc{color:#c397d8}.highlight .kd{color:#c397d8}.highlight .kn{color:#70c0b1}.highlight .kp{color:#c397d8}.highlight .kr{color:#c397d8}.highlight .kt{color:#e7c547}.highlight .ld{color:#b9ca4a}.highlight .m{color:#e78c45}.highlight .s{color:#b9ca4a}.highlight .na{color:#7aa6da}.highlight .nb{color:#eaeaea}.highlight .nc{color:#e7c547}.highlight .no{color:#d54e53}.highlight .nd{color:#70c0b1}.highlight .ni{color:#eaeaea}.highlight .ne{color:#d54e53}.highlight .nf{color:#7aa6da}.highlight .nl{color:#eaeaea}.highlight .nn{color:#e7c547}.highlight .nx{color:#7aa6da}.highlight .py{color:#eaeaea}.highlight .nt{color:#70c0b1}.highlight .nv{color:#d54e53}.highlight .ow{color:#70c0b1}.highlight .w{color:#eaeaea}.highlight .mf{color:#e78c45}.highlight .mh{color:#e78c45}.highlight .mi{color:#e78c45}.highlight .mo{color:#e78c45}.highlight .sb{color:#b9ca4a}.highlight .sc{color:#eaeaea}.highlight .sd{color:#969896}.highlight .s2{color:#899ff1}.highlight .se{color:#e78c45}.highlight .sh{color:#b9ca4a}.highlight .si{color:#e78c45}.highlight .sx{color:#b9ca4a}.highlight .sr{color:#b9ca4a}.highlight .s1{color:#b9ca4a}.highlight .ss{color:#b9ca4a}.highlight .bp{color:#eaeaea}.highlight .vc{color:#d54e53}.highlight .vg{color:#d54e53}.highlight .vi{color:#d54e53}.highlight .il{color:#e78c45}.md-typeset div.highlight{position:relative;overflow:visible;padding:0}.md-typeset div.highlight pre{overflow-x:auto;display:block;padding:1rem 1.2rem .8rem}copy-button{background-color:#393F4F;padding:0.5rem;max-width:50px;cursor:pointer;color:white;font-size:0.8rem;display:inline-block;position:absolute;top:0px;right:0px;padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);line-height:1rem}copy-button:hover{background-color:#4B5368}.search-form{padding-left:2rem;padding-right:2rem;padding-top:1rem}.search-form form{display:flex}.search-form .search-box{overflow:hidden;max-width:0;width:250px;transition:max-width 0.5s ease-in-out;border:none;padding-top:8px;padding-bottom:8px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#19273C;font-weight:400;font-size:0.9rem;line-height:30px;border-bottom:2px solid transparent;background-color:#f7f2f0}.search-form .search-box.opened{max-width:70%;border-bottom:2px solid #19273C;padding-left:0.8rem;background-color:#FDFDFD}.search-form .search-box.opened:focus{outline:none;border-bottom:2px solid #3F55AF;background-color:#F9F9F9}.search-form .search-box.opened:hover{background-color:#F9F9F9}.search-form .search-icon{padding-top:10px;cursor:pointer}.search-form .search-icon.hide{display:none}.search-form .search-icon:hover{fill:#3F55AF}.search-form .trigger{width:18px}.search-form .submit-input{padding-top:8px;padding-bottom:8px;border:none;background-color:transparent;width:40px;background-image:url("../img/Search_Icon_1.svg");background-repeat:no-repeat;background-position:center;margin-left:0.3rem}.search-form .submit-input:focus{outline:none}.search-form .submit-input:hover{background-color:#F9F9F9}.search-form .submit-input.hide{display:none} +.docs-container{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:20% 20% 20% 20% 20%}.docs-container hr{display:none}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:2;justify-items:start;overflow-y:scroll;height:100vh;background-color:#FDFDFD;-ms-overflow-style:none}.docs-container .page-sidebar-grid::-webkit-scrollbar{display:none}.docs-container .page-sidebar-grid .docs-pagenav-grid{padding-top:5vh}.docs-container .page-sidebar-grid .docs-pagenav-grid .navbar-brand{padding-left:2rem;text-decoration:none;color:#19273C;font-size:1rem;display:inline-block}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs{padding-left:2rem;padding-top:0.5rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a{text-decoration:none;color:#8C9696;font-size:0.9rem;padding-right:1rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a:hover{color:#3F55AF}.docs-container .page-sidebar-grid .docs-pagenav-grid ul{list-style:none;padding-left:2rem}.docs-container .page-sidebar-grid .docs-pagenav-grid ul li a{font-size:0.9rem;text-decoration:none;color:#19273C}.docs-container .page-sidebar-grid .docs-current-page-grid p{font-weight:300;font-size:1.5rem;padding:2rem;display:block}.docs-container .page-sidebar-grid .context-nav ul{padding-left:0;margin:0}.docs-container .page-sidebar-grid .context-nav ul li{list-style:none;position:relative;overflow:hidden;transition:0.4s;background-color:#FDFDFD}.docs-container .page-sidebar-grid .context-nav ul li.hide{height:4rem !important;background-color:#FDFDFD}.docs-container .page-sidebar-grid .context-nav ul li:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active{height:auto !important;border-left-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.activeBorder{border-right:3px solid #3F55AF;transition:none}.docs-container .page-sidebar-grid .context-nav ul li a{padding-left:2rem;padding-right:1rem;display:block;padding-top:0.5rem;padding-bottom:0.5rem}.docs-container .page-sidebar-grid .context-nav ul li a.active{color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul{list-style:none;padding-left:0;margin:0;margin-left:0rem;margin-top:1rem;padding-bottom:2rem}.docs-container .page-sidebar-grid .context-nav ul li ul:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul li{border-bottom:none;border-left:3px solid #FDFDFD}.docs-container .page-sidebar-grid .context-nav ul li ul li:hover{border-left:3px solid #3F55AF;border-right:none}.docs-container .page-sidebar-grid .context-nav ul .caret{float:right;width:13px;height:13px;padding:10px;margin-top:-10px}.docs-container .page-sidebar-grid .context-nav ul .caret.hidden{visibility:hidden}.docs-container .page-sidebar-grid .context-nav a{text-decoration:none;color:#19273C;font-size:0.9rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid{margin-top:5rem;margin-bottom:2rem;align-items:end}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid p{font-size:0.8rem;color:grey;padding-left:2rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul{list-style:none;margin:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li{border-bottom:none;padding:0;background-color:#FDFDFD !important}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li:hover{border-right:none}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a{font-size:0.8rem;color:grey;margin:0;padding-left:2rem;padding-top:0;padding-bottom:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a:hover{color:#3F55AF}.docs-container .page-content-grid{grid-column-start:2;grid-column-end:6;background-color:#F9F9F9;overflow-y:scroll;height:100vh}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:750px;margin-top:5vh;margin-bottom:3rem}.docs-container .page-content-grid .content-chunk ul{font-size:0.9rem}.SiteWrapper .content .page-content-grid .content-chunk p{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk p code{background-color:white;border:1px solid #E3ECEC;padding-top:1px;padding-bottom:2px;padding-left:4px;color:#19273C;border-radius:1px}.SiteWrapper .content .page-content-grid .content-chunk h1{font-weight:300;font-size:2em;margin-bottom:3rem;padding-top:5rem}.SiteWrapper .content .page-content-grid .content-chunk h1:first-of-type{padding-top:0}.SiteWrapper .content .page-content-grid .content-chunk h2{margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk h3{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:1.2rem;line-height:130%;color:#19273C;margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk blockquote{background-color:white;padding:1rem;padding-left:2rem;margin-left:0;margin-right:0;border-left:4px solid #3F55AF}.SiteWrapper .content .page-content-grid .content-chunk pre{background-color:#272B36;padding:1rem;color:white;border-radius:4px;padding-right:4rem}.SiteWrapper .content .page-content-grid .content-chunk pre code{padding-right:35px}.SiteWrapper .content .page-content-grid .content-chunk code{border-radius:2px;padding-right:5px;padding-top:1px;padding-bottom:1px;font-family:"Source Code Pro";font-size:0.8rem}.SiteWrapper .content .page-content-grid .content-chunk img{max-width:100%;border:1px solid #E3ECEC}.SiteWrapper .content .page-content-grid .content-chunk ul{list-style:none;padding-left:2em;text-indent:-1em;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ul li:before{color:#19273C;content:'- \0000a0';font-size:1rem;font-weight:600}.SiteWrapper .content .page-content-grid .content-chunk ul li{padding-bottom:0.5rem}.SiteWrapper .content .page-content-grid .content-chunk ul li p{display:inline}.SiteWrapper .content .page-content-grid .content-chunk ol{border-left:1px solid #E3ECEC;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ol li{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk a{color:#3F55AF}.SiteWrapper .content .page-content-grid .content-chunk .support-button{position:relative;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;margin:0;box-shadow:none;line-height:40px;cursor:pointer;background-color:#FDFDFD;width:auto;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;font-weight:400;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);min-width:140px;text-decoration:none;padding:0.5rem;padding-left:1.5rem;padding-right:1.5rem}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary{background-color:#3F55AF;border-color:#3F55AF;color:#FDFDFD}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary:hover{background-color:#2D3D7D}.SiteWrapper .content .page-content-grid .content-chunk table{font-size:0.8rem;display:block;background-color:white;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table td{border-bottom:1px solid #E3ECEC;padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table th{padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem;color:#8C9696}.SiteWrapper .content .page-content-grid .content-chunk table thead{font-weight:600;padding-bottom:1rem}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr{transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1)}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type td{border-bottom:none}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type:hover{background-color:transparent}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:hover{background-color:#F9F9F9}@media only screen and (max-width: 1440px){.docs-container{grid-template-columns:25% 25% 25% 25%}}@media only screen and (max-width: 1024px){.docs-container{grid-template-columns:20% 20% 20% 20% 20%}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:3}.docs-container .page-content-grid{grid-column-start:3;grid-column-end:6}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:550px}}@media only screen and (max-width: 768px){.docs-container .page-content-grid .content-chunk{max-width:400px}}@media only screen and (max-width: 599px){.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:6;overflow-y:auto}.docs-container .page-content-grid{grid-column-start:1;grid-column-end:6;padding-right:2rem;overflow-y:auto}.docs-container .page-content-grid .content-chunk{max-width:400px}}.highlight{border-radius:4px;position:relative}.highlight .hll{background-color:#424242}.highlight .c{color:#969896}.highlight .err{color:#d54e53}.highlight .k{color:#c397d8}.highlight .l{color:#e78c45}.highlight .n{color:#eaeaea}.highlight .o{color:#70c0b1}.highlight .p{color:#eaeaea}.highlight .cm{color:#969896}.highlight .cp{color:#969896}.highlight .c1{color:#969896}.highlight .cs{color:#969896}.highlight .gd{color:#d54e53}.highlight .ge{font-style:italic}.highlight .gh{color:#eaeaea;font-weight:bold}.highlight .gi{color:#b9ca4a}.highlight .gp{color:#969896;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#70c0b1;font-weight:bold}.highlight .kc{color:#c397d8}.highlight .kd{color:#c397d8}.highlight .kn{color:#70c0b1}.highlight .kp{color:#c397d8}.highlight .kr{color:#c397d8}.highlight .kt{color:#e7c547}.highlight .ld{color:#b9ca4a}.highlight .m{color:#e78c45}.highlight .s{color:#b9ca4a}.highlight .na{color:#7aa6da}.highlight .nb{color:#eaeaea}.highlight .nc{color:#e7c547}.highlight .no{color:#d54e53}.highlight .nd{color:#70c0b1}.highlight .ni{color:#eaeaea}.highlight .ne{color:#d54e53}.highlight .nf{color:#7aa6da}.highlight .nl{color:#eaeaea}.highlight .nn{color:#e7c547}.highlight .nx{color:#7aa6da}.highlight .py{color:#eaeaea}.highlight .nt{color:#70c0b1}.highlight .nv{color:#d54e53}.highlight .ow{color:#70c0b1}.highlight .w{color:#eaeaea}.highlight .mf{color:#e78c45}.highlight .mh{color:#e78c45}.highlight .mi{color:#e78c45}.highlight .mo{color:#e78c45}.highlight .sb{color:#b9ca4a}.highlight .sc{color:#eaeaea}.highlight .sd{color:#969896}.highlight .s2{color:#899ff1}.highlight .se{color:#e78c45}.highlight .sh{color:#b9ca4a}.highlight .si{color:#e78c45}.highlight .sx{color:#b9ca4a}.highlight .sr{color:#b9ca4a}.highlight .s1{color:#b9ca4a}.highlight .ss{color:#b9ca4a}.highlight .bp{color:#eaeaea}.highlight .vc{color:#d54e53}.highlight .vg{color:#d54e53}.highlight .vi{color:#d54e53}.highlight .il{color:#e78c45}.md-typeset div.highlight{position:relative;overflow:visible;padding:0}.md-typeset div.highlight pre{overflow-x:auto;display:block;padding:1rem 1.2rem .8rem}copy-button{background-color:#393F4F;padding:0.5rem;max-width:50px;cursor:pointer;color:white;font-size:0.8rem;display:inline-block;position:absolute;top:0px;right:0px;padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);line-height:1rem}copy-button:hover{background-color:#4B5368}.search-form{padding-left:2rem;padding-right:2rem;padding-top:1rem}.search-form form{display:flex}.search-form .search-box{overflow:hidden;max-width:0;width:250px;transition:max-width 0.5s ease-in-out;border:none;padding-top:8px;padding-bottom:8px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#19273C;font-weight:400;font-size:0.9rem;line-height:30px;border-bottom:2px solid transparent;background-color:#FDFDFD}.search-form .search-box.opened{max-width:70%;border-bottom:2px solid #19273C;padding-left:0.8rem;background-color:#FDFDFD}.search-form .search-box.opened:focus{outline:none;border-bottom:2px solid #3F55AF;background-color:#F9F9F9}.search-form .search-box.opened:hover{background-color:#F9F9F9}.search-form .search-icon{padding-top:10px;cursor:pointer}.search-form .search-icon.hide{display:none}.search-form .search-icon:hover{fill:#3F55AF}.search-form .trigger{width:18px}.search-form .submit-input{padding-top:8px;padding-bottom:8px;border:none;background-color:transparent;width:40px;background-image:url("../img/Search_Icon_1.svg");background-repeat:no-repeat;background-position:center;margin-left:0.3rem}.search-form .submit-input:focus{outline:none}.search-form .submit-input:hover{background-color:#F9F9F9}.search-form .submit-input.hide{display:none} diff --git a/packages/composer-website/jekylldocs/assets/css/grid-layout.scss b/packages/composer-website/jekylldocs/assets/css/grid-layout.scss index a342ebf7a6..cbfa6b1b83 100644 --- a/packages/composer-website/jekylldocs/assets/css/grid-layout.scss +++ b/packages/composer-website/jekylldocs/assets/css/grid-layout.scss @@ -43,7 +43,7 @@ $callout: #FFD640; justify-items: start; overflow-y: scroll; height: 100vh; - background-color: #f7f2f0; + background-color: $white; // Scrollbar overrides &::-webkit-scrollbar { @@ -113,10 +113,9 @@ $callout: #FFD640; background-color: $white; &.hide { height: 4rem !important; - background-color: #f7f2f0; + background-color: $white; } &:hover { - border-right: 0px solid $first-highlight; &:after { content: " "; position: absolute; @@ -128,7 +127,7 @@ $callout: #FFD640; } &.active { height: auto !important; - border-left-color: $black; + border-left-color: $first-highlight; &:after { content: " "; position: absolute; @@ -138,6 +137,10 @@ $callout: #FFD640; background-color: $first-highlight; } } + &.activeBorder { + border-right: 3px solid $first-highlight; + transition: none; + } a { padding-left: 2rem; padding-right: 1rem; @@ -169,9 +172,9 @@ $callout: #FFD640; li { border-bottom: none; - border-left: 6px solid $white; + border-left: 3px solid $white; &:hover { - border-left: 6px solid $black; + border-left: 3px solid $first-highlight; border-right: none; } } @@ -182,6 +185,8 @@ $callout: #FFD640; float: right; width: 13px; height: 13px; + padding: 10px; + margin-top: -10px; &.hidden { visibility: hidden; } @@ -213,7 +218,7 @@ $callout: #FFD640; li { border-bottom: none; padding: 0; - background-color: #f7f2f0 !important; + background-color: $white !important; &:hover { border-right: none; @@ -681,7 +686,7 @@ copy-button { font-size: 0.9rem; line-height: 30px; border-bottom: 2px solid transparent; - background-color: #f7f2f0; + background-color: $white; &.opened { max-width: 70%; diff --git a/packages/composer-website/jekylldocs/assets/img/Caret_SW_2.svg b/packages/composer-website/jekylldocs/assets/img/Caret_SW_2.svg new file mode 100644 index 0000000000..b3f1be6a3e --- /dev/null +++ b/packages/composer-website/jekylldocs/assets/img/Caret_SW_2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/composer-website/jekylldocs/assets/img/chevron-left.svg b/packages/composer-website/jekylldocs/assets/img/chevron-left.svg deleted file mode 100644 index cc009c3168..0000000000 --- a/packages/composer-website/jekylldocs/assets/img/chevron-left.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/packages/composer-website/jekylldocs/assets/js/nav.js b/packages/composer-website/jekylldocs/assets/js/nav.js index 2f9e3b29e1..74fa464fe0 100644 --- a/packages/composer-website/jekylldocs/assets/js/nav.js +++ b/packages/composer-website/jekylldocs/assets/js/nav.js @@ -1,5 +1,5 @@ -var openRotation = 270; -var closeRotation = 180; +var openRotation = 0; +var closeRotation = 270; $(function(){ $('a').each(function(){ @@ -14,8 +14,7 @@ $(function(){ $(function(){ $('.context-nav a').each(function(){ if ($(this).prop('href') == window.location.href) { - $(this).parent().parent().css('background-color', 'white'); - $(this).parent().parent().parent().css('background-color', 'white'); + $(this).parent().parent().closest('li').addClass('activeBorder'); } }); }); @@ -29,9 +28,18 @@ $(function(){ if ($(this).closest('li').children('ul').length == 0) { $(this).toggleClass('hidden'); } + if (!$(this).parent().parent().parent().hasClass('active')) { + $(this).addClass('hidden'); + } }); }); +$('li').hover(function(){ + if (!$(this).hasClass('active') && $(this).children('ul').length > 0) { + $(this).find('.caret').toggleClass('hidden'); + } +}); + $('.caret').click(function() { if ($(this).closest('li').hasClass('hide')){ $(this).rotate(openRotation);