diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.css b/wp-content/themes/currentorg/css/current-ltw-projects.css index 810fe89..0452a8e 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.css +++ b/wp-content/themes/currentorg/css/current-ltw-projects.css @@ -48,6 +48,11 @@ display: flex; flex-direction: column; } + .current-ltw-shortcode .left, + .current-ltw-shortcode .right { + float: none; + clear: both; + } .current-ltw-shortcode .projects-search-form-search { order: 1; } @@ -62,6 +67,20 @@ order: 4; } } +.current-ltw-shortcode .left, +.current-ltw-shortcode .right { + margin-left: 0; + margin-right: 0; + display: flex; +} +.current-ltw-shortcode .left label.projects-search, +.current-ltw-shortcode .right label.projects-search, +.current-ltw-shortcode .left label.project-org-type, +.current-ltw-shortcode .right label.project-org-type, +.current-ltw-shortcode .left .project-category-holder, +.current-ltw-shortcode .right .project-category-holder { + flex: 1 1 auto; +} .projects-search-form-search { padding: 1.5rem 0; border-bottom: 1px solid #343434; @@ -84,7 +103,8 @@ .projects-search-form-search button, .projects-search-form-search details, .projects-search-form-search select, -.projects-search-form-search label { +.projects-search-form-search label, +.projects-search-form-search .project-category-holder { box-sizing: border-box; line-height: 1.5; font-size: 16px; @@ -94,10 +114,10 @@ margin-bottom: 0; display: inline-block; vertical-align: middle; - float: left; } -.projects-search-form-search label { - padding-right: 40px; +.projects-search-form-search label, +.projects-search-form-search .project-category-holder { + margin-right: 10px; } .projects-search-form-search .btn-submit { background-color: #1c819e; @@ -137,14 +157,17 @@ } .projects-search-form-search details[open] { border: 1px solid #343434; - position: absolute; vertical-align: top; max-height: 50vh; overflow: scroll; background: #fff; z-index: 10; + float: left; + position: absolute; + left: 50%; + right: 0; } -.projects-search-form-search details[open] summary { +.projects-search-form-search details[open] summary.btn { width: 100%; } .projects-search-form-search details ul { @@ -167,32 +190,35 @@ display: none; } @media (max-width: 770px) { - .projects-search-form-search label[for=projects-search] { + .projects-search-form-search .right, + .projects-search-form-search .left { width: 100%; margin-bottom: 0.75rem; padding-right: 0; } - .projects-search-form-search label[for=projects-search] input { - width: 85%; + .projects-search-form-search .right button, + .projects-search-form-search .left button { + flex: 0 0 15%; } - .projects-search-form-search label[for=projects-search] button { - width: 15%; - } - .projects-search-form-search label.project-org-type { - width: 47%; - padding-right: 0; - } - .projects-search-form-search label.project-org-type select { + .projects-search-form-search .right select, + .projects-search-form-search .left select, + .projects-search-form-search .right input[type=text], + .projects-search-form-search .left input[type=text] { width: 100%; } + .projects-search-form-search .right button, + .projects-search-form-search .left button { + width: 15%; + } .projects-search-form-search details.project-category { - float: right; - width: 47%; + width: 100%; } .projects-search-form-search details.project-category[open] { display: block; right: 0; - top: 55%; + left: 0; + top: 52%; + position: absolute; } .projects-search-form-search details.project-category .btn { width: 100%; diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.css.map b/wp-content/themes/currentorg/css/current-ltw-projects.css.map index 16796c5..76ef39d 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.css.map +++ b/wp-content/themes/currentorg/css/current-ltw-projects.css.map @@ -1 +1 @@ -{"version":3,"sources":["less/current-ltw-projects.less"],"names":[],"mappings":"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","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n.current-ltw-shortcode {\n\tmargin: @common-whitespace 0;\n\tposition: relative;\n\n\t@supports( display: grid ) {\n\t\t@media ( min-width: 771px ) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 5fr 7fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"search search\"\n\t\t\t\t\"results-count results-count\"\n\t\t\t\t\"list single\"\n\t\t\t;\n\t\t\tgrid-gap: @common-whitespace;\n\t\t\tgap: @common-whitespace;\n\t\t}\n\t\t.projects-search-form-search {\n\t\t\tgrid-area: search;\n\t\t}\n\t\t.projects-results-count {\n\t\t\tgrid-area: results-count;\n\t\t}\n\t\t.projects-list {\n\t\t\tgrid-area: list;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\tgrid-area: single;\n\t\t}\n\t\th2.entry-title,\n\t\t.projects-single-title {\n\t\t\tfont-size: 26px;\n\t\t\tcolor: @azure;\n\t\t\ta {\n\t\t\t\tcolor: @azure;\n\t\t\t}\n\t\t}\n\t\t.entry-content {\n\t\t\tfont-size: 16px;\n\t\t\tp {\n\t\t\t\tmargin-top: 12px;\n\t\t\t}\n\t\t}\n\t}\n\t@media ( max-width: 770px ) {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\t.projects-search-form-search {\n\t\t\torder: 1;\n\t\t}\n\t\t.projects-results-count {\n\t\t\torder: 2;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\torder: 3;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.projects-list {\n\t\t\torder: 4;\n\t\t}\n\t}\n}\n\n.projects-search-form-search {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\n\tposition: relative;\n\n\tinput, button, select, details {\n\t\tborder: 1px solid @grey-m;\n\t}\n\tinput[type=text], .btn, button, select {\n\t\tpadding: 4px;\n\t}\n\tinput[type=text], .btn, button, details, select, label {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t\tfont-size: 16px;\n\t\tborder-radius: 0;\n\t\theight: unset;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\tfloat: left;\n\t}\n\tlabel {\n\t\tpadding-right: 40px;\n\t}\n\t.btn-submit {\n\t\tbackground-color: @brand;\n\t\tcolor: white;\n\t}\n\n\tselect#project-org-type {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t}\n\n\tselect {\n\t\tdisplay: block;\n\t\twidth: 175px;\n\t\tmax-width: 100%;\n\t\tpadding: 4px 20px;\n\t\tmargin: 0;\n\t\tborder: 1px solid @grey-d;\n\t\tcolor: #484848;\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t}\n\n\t#project-org-type,\n\t.project-category .btn {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\tpadding-right: 1.5em;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t\twidth: 175px;\n\t}\n\n\tdetails[open] {\n\t\tborder: 1px solid @grey-d;\n\t\tposition: absolute;\n\t\tvertical-align: top;\n\t\tmax-height: 50vh;\n\t\toverflow: scroll;\n\t\tbackground: @white;\n\t\tz-index: 10;\n\t\tsummary {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\tdetails {\n\t\tul {\n\t\t\tclear: both;\n\t\t}\n\t\tli {\n\t\t\tdisplay: list-item;\n\t\t\tlist-style: none;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\tlabel {\n\t\t\tfloat: none;\n\t\t\tclear: both;\n\t\t}\n\t\tinput[type=checkbox] {\n\t\t\tmargin: 0;\n\t\t\tvertical-align: initial;\n\t\t}\n\t\tsummary::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\tlabel[for=projects-search] {\n\t\t\twidth: 100%;\n\t\t\tmargin-bottom: @common-whitespace * 0.5;\n\t\t\tpadding-right: 0;\n\t\t\tinput {\n\t\t\t\twidth: 85%;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\twidth: 15%;\n\t\t\t}\n\t\t}\n\t\tlabel.project-org-type {\n\t\t\twidth: 47%;\n\t\t\tpadding-right: 0;\n\t\t\tselect {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\tdetails.project-category {\n\t\t\tfloat: right;\n\t\t\twidth: 47%;\n\t\t\t&[open] {\n\t\t\t\tdisplay: block;\n\t\t\t\tright: 0;\n\t\t\t\ttop: 55%;\n\t\t\t}\n\t\t\t.btn {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t}\n}\n.projects-list {\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d!important;\n\tpadding: @common-whitespace * 0.5;\n\tbackground: @white;\n\t& + .projects-list-item {\n\t\tmargin-top: 0.5rem;\n\t}\n\t&.active {\n\t\tborder-left: 6px solid @azure!important;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tborder-left: 6px solid @azure;\n\tpadding: @common-whitespace * 0.5;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tbackground: @white;\n\t&.open {\n\t\tposition: absolute;\n\t\tbackground: @white;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tz-index: 99;\n\t}\n\t.projects-single-interior-container {\n\t\tposition: sticky;\n\t\ttop: 1%;\n\t\tmax-height: 95vh;\n\t\toverflow-y: scroll;\n\t\t.sticky-show & {\n\t\t\tmax-height: calc( 95vh - 56px);\n\t\t\ttop: 7%;\n\t\t}\n\t\t.projects-single-close {\n\t\t\tbackground-color: @brand;\n\t\t\tcolor: @white;\n\t\t\tborder: none;\n\t\t}\n\t}\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\t.project-tags {\n\t\t\t\t.delimiter {\n\t\t\t\t\tpadding: 0 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.has-thumbnail {\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t.project-tags {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfont-weight: bold;\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t\t.project-specific-link {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\thtml:not(.no-js) & {\n\t\t.projects-single-layout {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (min-width: 771px) {\n\t\t.projects-single-close {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\tmax-width: 97%;\n\t}\n}\n.project-tags {\n\tpadding: 0;\n\tmargin: 1em 0;\n\tli {\n\t\tdisplay: inline-block;\n\t\tpadding: 4px 6px;\n\t\tborder: 1px solid @grey-d;\n\n\t\t& + li {\n\t\t\tmargin-left: 0.5em;\n\t\t}\n\t}\n\t.project-status-finalist {\n\t\tbackground: @finalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-semi-finalist {\n\t\tbackground: @semifinalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-winner {\n\t\tbackground: @winner;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t[class*=project-org-type] {\n\t\tbackground: aliceblue;\n\t}\n\t[class*=project-category] {\n\t\tbackground: @white;\n\t}\n}\n"]} \ No newline at end of file +{"version":3,"sources":["less/current-ltw-projects.less"],"names":[],"mappings":"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","sourcesContent":["@import \"vars.less\";\n\n// this sets common values for a lot of padding and margins in this file\n@common-whitespace: 1.5rem;\n\n.current-ltw-shortcode {\n\tmargin: @common-whitespace 0;\n\tposition: relative;\n\n\t@supports( display: grid ) {\n\t\t@media ( min-width: 771px ) {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 5fr 7fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"search search\"\n\t\t\t\t\"results-count results-count\"\n\t\t\t\t\"list single\"\n\t\t\t;\n\t\t\tgrid-gap: @common-whitespace;\n\t\t\tgap: @common-whitespace;\n\t\t}\n\t\t.projects-search-form-search {\n\t\t\tgrid-area: search;\n\t\t}\n\t\t.projects-results-count {\n\t\t\tgrid-area: results-count;\n\t\t}\n\t\t.projects-list {\n\t\t\tgrid-area: list;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\tgrid-area: single;\n\t\t}\n\t\th2.entry-title,\n\t\t.projects-single-title {\n\t\t\tfont-size: 26px;\n\t\t\tcolor: @azure;\n\t\t\ta {\n\t\t\t\tcolor: @azure;\n\t\t\t}\n\t\t}\n\t\t.entry-content {\n\t\t\tfont-size: 16px;\n\t\t\tp {\n\t\t\t\tmargin-top: 12px;\n\t\t\t}\n\t\t}\n\t}\n\t@media ( max-width: 770px ) {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\t.left, .right {\n\t\t\tfloat: none;\n\t\t\tclear: both;\n\t\t}\n\t\t.projects-search-form-search {\n\t\t\torder: 1;\n\t\t}\n\t\t.projects-results-count {\n\t\t\torder: 2;\n\t\t}\n\t\t.projects-single-layout {\n\t\t\torder: 3;\n\t\t\tdisplay: none;\n\t\t}\n\t\t.projects-list {\n\t\t\torder: 4;\n\t\t}\n\t}\n\n\t.left, .right {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\tdisplay: flex;\n\n\t\tlabel.projects-search,\n\t\tlabel.project-org-type,\n\t\t.project-category-holder {\n\t\t\tflex: 1 1 auto;\n\t\t}\n\t}\n}\n\n.projects-search-form-search {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\n\tposition: relative;\n\n\tinput, button, select, details {\n\t\tborder: 1px solid @grey-m;\n\t}\n\tinput[type=text], .btn, button, select {\n\t\tpadding: 4px;\n\t}\n\tinput[type=text], .btn, button, details, select, label, .project-category-holder {\n\t\tbox-sizing: border-box;\n\t\tline-height: 1.5;\n\t\tfont-size: 16px;\n\t\tborder-radius: 0;\n\t\theight: unset;\n\t\tmargin-top: 0;\n\t\tmargin-bottom: 0;\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t}\n\tlabel, .project-category-holder {\n\t\tmargin-right: 10px;\n\t}\n\t.btn-submit {\n\t\tbackground-color: @brand;\n\t\tcolor: white;\n\t}\n\n\tselect#project-org-type {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t}\n\n\tselect {\n\t\tdisplay: block;\n\t\twidth: 175px;\n\t\tmax-width: 100%;\n\t\tpadding: 4px 20px;\n\t\tmargin: 0;\n\t\tborder: 1px solid @grey-d;\n\t\tcolor: #484848;\n\t\t-moz-appearance: none;\n\t\t-webkit-appearance: none;\n\t\tappearance: none;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t}\n\n\t#project-org-type,\n\t.project-category .btn {\n\t\t// https://www.filamentgroup.com/lab/select-css.html\n\t\tpadding-right: 1.5em;\n\t\tbackground-color: @grey-l;\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 0.25em;\n\t\tbackground-size: 1em;\n\t\twidth: 175px;\n\t}\n\n\tdetails[open] {\n\t\tborder: 1px solid @grey-d;\n\t\tvertical-align: top;\n\t\tmax-height: 50vh;\n\t\toverflow: scroll;\n\t\tbackground: @white;\n\t\tz-index: 10;\n\t\tfloat: left;\n\t\tposition: absolute;\n\t\tleft: 50%;\n\t\tright: 0;\n\n\t\tsummary.btn {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\tdetails {\n\t\tul {\n\t\t\tclear: both;\n\t\t}\n\t\tli {\n\t\t\tdisplay: list-item;\n\t\t\tlist-style: none;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\tlabel {\n\t\t\tfloat: none;\n\t\t\tclear: both;\n\t\t}\n\t\tinput[type=checkbox] {\n\t\t\tmargin: 0;\n\t\t\tvertical-align: initial;\n\t\t}\n\t\tsummary::-webkit-details-marker {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\t.right,\n\t\t.left {\n\t\t\twidth: 100%;\n\t\t\tmargin-bottom: @common-whitespace * 0.5;\n\t\t\tpadding-right: 0;\n\n\t\t\tbutton {\n\t\t\t\tflex: 0 0 15%;\n\t\t\t}\n\n\t\t\tselect,\n\t\t\tinput[type=text] {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\twidth: 15%;\n\t\t\t}\n\t\t}\n\t\tdetails.project-category {\n\t\t\twidth: 100%;\n\t\t\t&[open] {\n\t\t\t\tdisplay: block;\n\t\t\t\tright: 0;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 52%;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t.btn {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t}\n}\n.projects-list {\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d!important;\n\tpadding: @common-whitespace * 0.5;\n\tbackground: @white;\n\t& + .projects-list-item {\n\t\tmargin-top: 0.5rem;\n\t}\n\t&.active {\n\t\tborder-left: 6px solid @azure!important;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tborder-left: 6px solid @azure;\n\tpadding: @common-whitespace * 0.5;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tbackground: @white;\n\t&.open {\n\t\tposition: absolute;\n\t\tbackground: @white;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tz-index: 99;\n\t}\n\t.projects-single-interior-container {\n\t\tposition: sticky;\n\t\ttop: 1%;\n\t\tmax-height: 95vh;\n\t\toverflow-y: scroll;\n\t\t.sticky-show & {\n\t\t\tmax-height: calc( 95vh - 56px);\n\t\t\ttop: 7%;\n\t\t}\n\t\t.projects-single-close {\n\t\t\tbackground-color: @brand;\n\t\t\tcolor: @white;\n\t\t\tborder: none;\n\t\t}\n\t}\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\t.project-tags {\n\t\t\t\t.delimiter {\n\t\t\t\t\tpadding: 0 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.has-thumbnail {\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tfloat: none;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t\t.project-tags {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfont-weight: bold;\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t\t.project-specific-link {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n\thtml:not(.no-js) & {\n\t\t.projects-single-layout {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (min-width: 771px) {\n\t\t.projects-single-close {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t@media (max-width: 770px) {\n\t\tmax-width: 97%;\n\t}\n}\n.project-tags {\n\tpadding: 0;\n\tmargin: 1em 0;\n\tli {\n\t\tdisplay: inline-block;\n\t\tpadding: 4px 6px;\n\t\tborder: 1px solid @grey-d;\n\n\t\t& + li {\n\t\t\tmargin-left: 0.5em;\n\t\t}\n\t}\n\t.project-status-finalist {\n\t\tbackground: @finalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-semi-finalist {\n\t\tbackground: @semifinalist;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t.project-status-winner {\n\t\tbackground: @winner;\n\t\tcolor: @white;\n\t\ta {\n\t\t\tcolor: @white;\n\t\t}\n\t}\n\t[class*=project-org-type] {\n\t\tbackground: aliceblue;\n\t}\n\t[class*=project-category] {\n\t\tbackground: @white;\n\t}\n}\n"]} \ No newline at end of file diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.min.css b/wp-content/themes/currentorg/css/current-ltw-projects.min.css index da4bfbe..853f947 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.min.css +++ b/wp-content/themes/currentorg/css/current-ltw-projects.min.css @@ -1 +1 @@ -.current-ltw-shortcode{margin:1.5rem 0;position:relative}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "results-count results-count" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form-search{grid-area:search}.current-ltw-shortcode .projects-results-count{grid-area:results-count}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}.current-ltw-shortcode .projects-single-title,.current-ltw-shortcode h2.entry-title{font-size:26px;color:#1c819e}.current-ltw-shortcode .projects-single-title a,.current-ltw-shortcode h2.entry-title a{color:#1c819e}.current-ltw-shortcode .entry-content{font-size:16px}.current-ltw-shortcode .entry-content p{margin-top:12px}}@media (max-width:770px){.current-ltw-shortcode{display:flex;flex-direction:column}.current-ltw-shortcode .projects-search-form-search{order:1}.current-ltw-shortcode .projects-results-count{order:2}.current-ltw-shortcode .projects-single-layout{order:3;display:none}.current-ltw-shortcode .projects-list{order:4}}.projects-search-form-search{padding:1.5rem 0;border-bottom:1px solid #343434;position:relative}.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input,.projects-search-form-search select{border:1px solid #666}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search input[type=text],.projects-search-form-search select{padding:4px}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input[type=text],.projects-search-form-search label,.projects-search-form-search select{box-sizing:border-box;line-height:1.5;font-size:16px;border-radius:0;height:unset;margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle;float:left}.projects-search-form-search label{padding-right:40px}.projects-search-form-search .btn-submit{background-color:#1c819e;color:#fff}.projects-search-form-search select#project-org-type{-moz-appearance:none;-webkit-appearance:none;appearance:none}.projects-search-form-search select{display:block;width:175px;max-width:100%;padding:4px 20px;margin:0;border:1px solid #343434;color:#484848;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em}.projects-search-form-search #project-org-type,.projects-search-form-search .project-category .btn{padding-right:1.5em;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em;width:175px}.projects-search-form-search details[open]{border:1px solid #343434;position:absolute;vertical-align:top;max-height:50vh;overflow:scroll;background:#fff;z-index:10}.projects-search-form-search details[open] summary{width:100%}.projects-search-form-search details ul{clear:both}.projects-search-form-search details li{display:list-item;list-style:none;margin-bottom:0}.projects-search-form-search details label{float:none;clear:both}.projects-search-form-search details input[type=checkbox]{margin:0;vertical-align:initial}.projects-search-form-search details summary::-webkit-details-marker{display:none}@media (max-width:770px){.projects-search-form-search label[for=projects-search]{width:100%;margin-bottom:.75rem;padding-right:0}.projects-search-form-search label[for=projects-search] input{width:85%}.projects-search-form-search label[for=projects-search] button{width:15%}.projects-search-form-search label.project-org-type{width:47%;padding-right:0}.projects-search-form-search label.project-org-type select{width:100%}.projects-search-form-search details.project-category{float:right;width:47%}.projects-search-form-search details.project-category[open]{display:block;right:0;top:55%}.projects-search-form-search details.project-category .btn{width:100%}}.projects-list-item{border:1px solid #343434!important;padding:.75rem;background:#fff}.projects-list-item+.projects-list-item{margin-top:.5rem}.projects-list-item.active{border-left:6px solid #1c819e!important}.projects-single-layout{border:1px solid #343434;border-left:6px solid #1c819e;padding:.75rem;width:100%;box-sizing:border-box;background:#fff}.projects-single-layout.open{position:absolute;background:#fff;height:100%;width:100%;max-width:100%;z-index:99}.projects-single-layout .projects-single-interior-container{position:sticky;top:1%;max-height:95vh;overflow-y:scroll}.sticky-show .projects-single-layout .projects-single-interior-container{max-height:calc(95vh - 56px);top:7%}.projects-single-layout .projects-single-interior-container .projects-single-close{background-color:#1c819e;color:#fff;border:none}.projects-single-layout .projects-single-holder .entry-content .project-tags .delimiter{padding:0 5px}.projects-single-layout .projects-single-holder .entry-content .has-thumbnail{float:none;margin:0;max-width:100%}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%;float:none;margin:0}.projects-single-layout .projects-single-holder .entry-content .project-tags{margin-left:0}.projects-single-layout .projects-single-holder .entry-content label{font-weight:700;display:inline}.projects-single-layout .projects-single-holder .entry-content .project-specific-link{display:block}html:not(.no-js) .projects-single-layout .projects-single-layout{display:none}@media (min-width:771px){.projects-single-layout .projects-single-close{display:none}}@media (max-width:770px){.projects-single-layout{max-width:97%}}.project-tags{padding:0;margin:1em 0}.project-tags li{display:inline-block;padding:4px 6px;border:1px solid #343434}.project-tags li+li{margin-left:.5em}.project-tags .project-status-finalist{background:#a11282;color:#fff}.project-tags .project-status-finalist a{color:#fff}.project-tags .project-status-semi-finalist{background:#ff8b4d;color:#fff}.project-tags .project-status-semi-finalist a{color:#fff}.project-tags .project-status-winner{background:#12a179;color:#fff}.project-tags .project-status-winner a{color:#fff}.project-tags [class*=project-org-type]{background:#f0f8ff}.project-tags [class*=project-category]{background:#fff} \ No newline at end of file +.current-ltw-shortcode{margin:1.5rem 0;position:relative}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "results-count results-count" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form-search{grid-area:search}.current-ltw-shortcode .projects-results-count{grid-area:results-count}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}.current-ltw-shortcode .projects-single-title,.current-ltw-shortcode h2.entry-title{font-size:26px;color:#1c819e}.current-ltw-shortcode .projects-single-title a,.current-ltw-shortcode h2.entry-title a{color:#1c819e}.current-ltw-shortcode .entry-content{font-size:16px}.current-ltw-shortcode .entry-content p{margin-top:12px}}@media (max-width:770px){.current-ltw-shortcode{display:flex;flex-direction:column}.current-ltw-shortcode .left,.current-ltw-shortcode .right{float:none;clear:both}.current-ltw-shortcode .projects-search-form-search{order:1}.current-ltw-shortcode .projects-results-count{order:2}.current-ltw-shortcode .projects-single-layout{order:3;display:none}.current-ltw-shortcode .projects-list{order:4}}.current-ltw-shortcode .left,.current-ltw-shortcode .right{margin-left:0;margin-right:0;display:flex}.current-ltw-shortcode .left .project-category-holder,.current-ltw-shortcode .left label.project-org-type,.current-ltw-shortcode .left label.projects-search,.current-ltw-shortcode .right .project-category-holder,.current-ltw-shortcode .right label.project-org-type,.current-ltw-shortcode .right label.projects-search{flex:1 1 auto}.projects-search-form-search{padding:1.5rem 0;border-bottom:1px solid #343434;position:relative}.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input,.projects-search-form-search select{border:1px solid #666}.projects-search-form-search .btn,.projects-search-form-search button,.projects-search-form-search input[type=text],.projects-search-form-search select{padding:4px}.projects-search-form-search .btn,.projects-search-form-search .project-category-holder,.projects-search-form-search button,.projects-search-form-search details,.projects-search-form-search input[type=text],.projects-search-form-search label,.projects-search-form-search select{box-sizing:border-box;line-height:1.5;font-size:16px;border-radius:0;height:unset;margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle}.projects-search-form-search .project-category-holder,.projects-search-form-search label{margin-right:10px}.projects-search-form-search .btn-submit{background-color:#1c819e;color:#fff}.projects-search-form-search select#project-org-type{-moz-appearance:none;-webkit-appearance:none;appearance:none}.projects-search-form-search select{display:block;width:175px;max-width:100%;padding:4px 20px;margin:0;border:1px solid #343434;color:#484848;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em}.projects-search-form-search #project-org-type,.projects-search-form-search .project-category .btn{padding-right:1.5em;background-color:#eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AYCFg8w3aI9vgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHtSURBVHja7dw5dhxBDETBBu9/56HLx2U4Sy8FZIQnOapGfsmgoW0DAAAAAAAAAAAAAAAAAAAAVlfbtt2cIdeHEwgAASAABIAAEABpPwfY/Cwgd//68gsRBP7lr2+/KYKsf/l/BCCCoPH/CkAEIePfC0AEAeP/F4AIho//SAAiGDz+owGIYOj4zwQggoHjPxuACIaN/0oAIhg0/qsBiGDI+O8EIIIB478bgAiaj79HACJoPP5eAYig6fh7BiCChuPvHYAImo1/RAAiaDT+UQGIoMn4RwYgggbjHx2ACBrsVCc8XgQLb1QnfYQIFt2nTvwYESy4TZ38USJYbJe64ONEsNAmddFHimCRPerCjxXBAlvUxR8tgot3qAU+/mb80D9cBNffvxY6xs342QEkRVAekhtBeUxuBOVBuRGUR+VGUB6WG0F5XG4E5YG5EZRH5kZQKs2NoNVNOwawcgTt7tk1gBUjaHnLzgGsFEHbO3YPYIUIWt9wQgBXRtD+flMCuCKCEbebFMCZEYy527QAzohg1M0mBnBkBOPuNTWAIyIYeavJAewZwdg7TQ9gjwhG3yghgHciGH+flABeiSDiNkkBPBNBzF3SAngkgqibJAZwL4K4e6QG8FsEybeIjsD/UQAAAAAAAAAAAAAAAEA/nwmqQUuRSMFrAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center right .25em;background-size:1em;width:175px}.projects-search-form-search details[open]{border:1px solid #343434;vertical-align:top;max-height:50vh;overflow:scroll;background:#fff;z-index:10;float:left;position:absolute;left:50%;right:0}.projects-search-form-search details[open] summary.btn{width:100%}.projects-search-form-search details ul{clear:both}.projects-search-form-search details li{display:list-item;list-style:none;margin-bottom:0}.projects-search-form-search details label{float:none;clear:both}.projects-search-form-search details input[type=checkbox]{margin:0;vertical-align:initial}.projects-search-form-search details summary::-webkit-details-marker{display:none}@media (max-width:770px){.projects-search-form-search .left,.projects-search-form-search .right{width:100%;margin-bottom:.75rem;padding-right:0}.projects-search-form-search .left button,.projects-search-form-search .right button{flex:0 0 15%}.projects-search-form-search .left input[type=text],.projects-search-form-search .left select,.projects-search-form-search .right input[type=text],.projects-search-form-search .right select{width:100%}.projects-search-form-search .left button,.projects-search-form-search .right button{width:15%}.projects-search-form-search details.project-category{width:100%}.projects-search-form-search details.project-category[open]{display:block;right:0;left:0;top:52%;position:absolute}.projects-search-form-search details.project-category .btn{width:100%}}.projects-list-item{border:1px solid #343434!important;padding:.75rem;background:#fff}.projects-list-item+.projects-list-item{margin-top:.5rem}.projects-list-item.active{border-left:6px solid #1c819e!important}.projects-single-layout{border:1px solid #343434;border-left:6px solid #1c819e;padding:.75rem;width:100%;box-sizing:border-box;background:#fff}.projects-single-layout.open{position:absolute;background:#fff;height:100%;width:100%;max-width:100%;z-index:99}.projects-single-layout .projects-single-interior-container{position:sticky;top:1%;max-height:95vh;overflow-y:scroll}.sticky-show .projects-single-layout .projects-single-interior-container{max-height:calc(95vh - 56px);top:7%}.projects-single-layout .projects-single-interior-container .projects-single-close{background-color:#1c819e;color:#fff;border:none}.projects-single-layout .projects-single-holder .entry-content .project-tags .delimiter{padding:0 5px}.projects-single-layout .projects-single-holder .entry-content .has-thumbnail{float:none;margin:0;max-width:100%}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%;float:none;margin:0}.projects-single-layout .projects-single-holder .entry-content .project-tags{margin-left:0}.projects-single-layout .projects-single-holder .entry-content label{font-weight:700;display:inline}.projects-single-layout .projects-single-holder .entry-content .project-specific-link{display:block}html:not(.no-js) .projects-single-layout .projects-single-layout{display:none}@media (min-width:771px){.projects-single-layout .projects-single-close{display:none}}@media (max-width:770px){.projects-single-layout{max-width:97%}}.project-tags{padding:0;margin:1em 0}.project-tags li{display:inline-block;padding:4px 6px;border:1px solid #343434}.project-tags li+li{margin-left:.5em}.project-tags .project-status-finalist{background:#a11282;color:#fff}.project-tags .project-status-finalist a{color:#fff}.project-tags .project-status-semi-finalist{background:#ff8b4d;color:#fff}.project-tags .project-status-semi-finalist a{color:#fff}.project-tags .project-status-winner{background:#12a179;color:#fff}.project-tags .project-status-winner a{color:#fff}.project-tags [class*=project-org-type]{background:#f0f8ff}.project-tags [class*=project-category]{background:#fff} \ No newline at end of file diff --git a/wp-content/themes/currentorg/js/current-ltw-projects.js b/wp-content/themes/currentorg/js/current-ltw-projects.js index de48b03..c8bd3a6 100644 --- a/wp-content/themes/currentorg/js/current-ltw-projects.js +++ b/wp-content/themes/currentorg/js/current-ltw-projects.js @@ -18,7 +18,7 @@ $(document).ready(function(){ $(".projects-single-layout").hide(); }); - $(document).on('scroll', function(){ + $(document).on('scroll', function(){ if($('.sticky-nav-holder').hasClass('show')) { $('html').addClass('sticky-show'); } else { @@ -26,6 +26,43 @@ $(document).ready(function(){ } }); + // this keeps track of the array of events + var $checkboxes = $('details.project-category input'); + var checkboxValues = Array(); + var initialCheckboxValues = Array(); + + function maybeToggleDisabledInputs() { + if ( checkboxValues.length >= 3 ) { + // disable unchecked checkboxes + $checkboxes.filter( ':not(:checked)' ).prop( 'disabled', true ); + } else { + $checkboxes.prop( 'disabled', false ); + } + } + + // setup + $checkboxes.each( function( index ) { + if ( this.checked ) { + checkboxValues.push( this.value ); + initialCheckboxValues.push( this.value ); + } + }); + maybeToggleDisabledInputs(); + + $checkboxes.on('change', function( event ) { + if ( event.target.checked ) { + // add it to the array and perform cleanup + checkboxValues.push( event.target.value ); + maybeToggleDisabledInputs(); + } else { + // remove it from the array and perform cleanup + let index = checkboxValues.indexOf( event.target.value ); + if ( index > -1 ) { + checkboxValues.splice( index, 1 ); + } + maybeToggleDisabledInputs(); + } + }); }); /** @@ -70,4 +107,4 @@ function current_ltw_projects_load_param_project_if_exists() { } -} \ No newline at end of file +} diff --git a/wp-content/themes/currentorg/less/current-ltw-projects.less b/wp-content/themes/currentorg/less/current-ltw-projects.less index 59fc351..dfb0ce1 100644 --- a/wp-content/themes/currentorg/less/current-ltw-projects.less +++ b/wp-content/themes/currentorg/less/current-ltw-projects.less @@ -49,6 +49,10 @@ @media ( max-width: 770px ) { display: flex; flex-direction: column; + .left, .right { + float: none; + clear: both; + } .projects-search-form-search { order: 1; } @@ -63,6 +67,18 @@ order: 4; } } + + .left, .right { + margin-left: 0; + margin-right: 0; + display: flex; + + label.projects-search, + label.project-org-type, + .project-category-holder { + flex: 1 1 auto; + } + } } .projects-search-form-search { @@ -76,7 +92,7 @@ input[type=text], .btn, button, select { padding: 4px; } - input[type=text], .btn, button, details, select, label { + input[type=text], .btn, button, details, select, label, .project-category-holder { box-sizing: border-box; line-height: 1.5; font-size: 16px; @@ -86,10 +102,9 @@ margin-bottom: 0; display: inline-block; vertical-align: middle; - float: left; } - label { - padding-right: 40px; + label, .project-category-holder { + margin-right: 10px; } .btn-submit { background-color: @brand; @@ -135,13 +150,17 @@ details[open] { border: 1px solid @grey-d; - position: absolute; vertical-align: top; max-height: 50vh; overflow: scroll; background: @white; z-index: 10; - summary { + float: left; + position: absolute; + left: 50%; + right: 0; + + summary.btn { width: 100%; } } @@ -167,31 +186,32 @@ } } @media (max-width: 770px) { - label[for=projects-search] { + .right, + .left { width: 100%; margin-bottom: @common-whitespace * 0.5; padding-right: 0; - input { - width: 85%; - } + button { - width: 15%; + flex: 0 0 15%; } - } - label.project-org-type { - width: 47%; - padding-right: 0; - select { + + select, + input[type=text] { width: 100%; } + button { + width: 15%; + } } details.project-category { - float: right; - width: 47%; + width: 100%; &[open] { display: block; right: 0; - top: 55%; + left: 0; + top: 52%; + position: absolute; } .btn { width: 100%; diff --git a/wp-content/themes/currentorg/partials/projects-base.php b/wp-content/themes/currentorg/partials/projects-base.php index 67fccba..5e26e7e 100644 --- a/wp-content/themes/currentorg/partials/projects-base.php +++ b/wp-content/themes/currentorg/partials/projects-base.php @@ -67,4 +67,8 @@ // so we can pass $query to these include( locate_template( 'partials/projects-search-form.php', false, false ) ); include( locate_template( 'partials/projects-list.php', false, false ) ); -include( locate_template( 'partials/projects-single-holder.php', false, false ) ); + +// only load the single holder if posts are found +if ( $query->have_posts() ) { + include( locate_template( 'partials/projects-single-holder.php', false, false ) ); +} diff --git a/wp-content/themes/currentorg/partials/projects-search-form.php b/wp-content/themes/currentorg/partials/projects-search-form.php index 7ec2f6f..cd45897 100644 --- a/wp-content/themes/currentorg/partials/projects-search-form.php +++ b/wp-content/themes/currentorg/partials/projects-search-form.php @@ -24,62 +24,73 @@ ?>