diff --git a/wp-content/themes/currentorg/css/current-ltw-projects.css b/wp-content/themes/currentorg/css/current-ltw-projects.css index 96f3ff6..326190a 100644 --- a/wp-content/themes/currentorg/css/current-ltw-projects.css +++ b/wp-content/themes/currentorg/css/current-ltw-projects.css @@ -14,7 +14,7 @@ gap: 1.5rem; } } - .current-ltw-shortcode .projects-search-form { + .current-ltw-shortcode .projects-search-form-search { grid-area: search; } .current-ltw-shortcode .projects-list { @@ -24,10 +24,84 @@ grid-area: single; } } -.projects-search-form { +.projects-search-form-search { padding: 1.5rem 0; border-bottom: 1px solid #343434; } +.projects-search-form-search input, +.projects-search-form-search button, +.projects-search-form-search select, +.projects-search-form-search details { + border: 1px solid #666666; +} +.projects-search-form-search input[type=text], +.projects-search-form-search .btn, +.projects-search-form-search button, +.projects-search-form-search select { + padding: 4px; +} +.projects-search-form-search input[type=text], +.projects-search-form-search .btn, +.projects-search-form-search button, +.projects-search-form-search details, +.projects-search-form-search select, +.projects-search-form-search label { + 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 .btn-submit { + background-color: #1c819e; + color: white; +} +.projects-search-form-search select#project-org-type { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; +} +.projects-search-form-search #project-org-type, +.projects-search-form-search .project-category .btn { + padding-right: 1.5em; + background-color: #eeeeee; + 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 0.25em; + background-size: 1em; +} +.projects-search-form-search details[open] { + border: 1px solid #343434; + position: relative; + top: 0; + vertical-align: top; + max-height: 50vh; + overflow: scroll; +} +.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-list { border: 1px solid #343434; padding: 0.75rem; @@ -57,4 +131,25 @@ .projects-single-layout .projects-single-holder .entry-content .project-specific-link { display: block; } +.project-tags { + padding: 0; + margin: 1em 0; +} +.project-tags li { + display: inline-block; + padding: 0.5em; + border: 1px solid #343434; +} +.project-tags li + li { + margin-left: 0.5em; +} +.project-tags [class*=project-status] { + background: yellow; +} +.project-tags [class*=project-org-type] { + background: aliceblue; +} +.project-tags [class*=project-category] { + background: lavender; +} /*# sourceMappingURL=css/current-ltw-projects.css.map */ \ No newline at end of file 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 b925236..ecb8425 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":";;;AAKA;EACC,gBAAA;;AAEA;EACC,QAA4B;IAA5B;MACC,aAAA;MACA,8BAAA;MACA,qBACC,gBACA,aAFD;MAIA,gBAAA;MACA,WAAA;;;EATF,sBAWC;IACC,iBAAA;;EAZF,sBAcC;IACC,eAAA;;EAfF,sBAiBC;IACC,iBAAA;;;AAKH;EACC,iBAAA;EACA,gCAAA;;AAED;EACC,yBAAA;EACA,gBAAA;;AAED;EACC,yBAAA;EACA,gBAAA;;AACA,mBAAE;EACD,mBAAA;;AAGF;EACC,yBAAA;EACA,gBAAA;;AAFD,uBAGC,wBACC,eACC;AALH,uBAGC,wBACC,eAEC;EACC,eAAA;;AAPJ,uBAGC,wBACC,eAKC;EACC,cAAA;;AAVJ,uBAGC,wBACC,eAQC;EACC,iBAAA;EACA,eAAA;;AAdJ,uBAGC,wBACC,eAYC;EACC,cAAA","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\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\"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 {\n\t\t\tgrid-area: search;\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}\n}\n\n.projects-search-form {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\n}\n.projects-list {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\t& + .projects-list-item {\n\t\tmargin-top: @common-whitespace * 0.5;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\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}\n"]} \ No newline at end of file +{"version":3,"sources":["less/current-ltw-projects.less"],"names":[],"mappings":";;;AAKA;EACC,gBAAA;;AAEA;EACC,QAA4B;IAA5B;MACC,aAAA;MACA,8BAAA;MACA,qBACC,gBACA,aAFD;MAIA,gBAAA;MACA,WAAA;;;EATF,sBAWC;IACC,iBAAA;;EAZF,sBAcC;IACC,eAAA;;EAfF,sBAiBC;IACC,iBAAA;;;AAKH;EACC,iBAAA;EACA,gCAAA;;AAFD,4BAIC;AAJD,4BAIQ;AAJR,4BAIgB;AAJhB,4BAIwB;EACtB,yBAAA;;AALF,4BAOC,MAAK;AAPN,4BAOmB;AAPnB,4BAOyB;AAPzB,4BAOiC;EAC/B,YAAA;;AARF,4BAUC,MAAK;AAVN,4BAUmB;AAVnB,4BAUyB;AAVzB,4BAUiC;AAVjC,4BAU0C;AAV1C,4BAUkD;EAChD,sBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,aAAA;EACA,gBAAA;EACA,qBAAA;EACA,sBAAA;EACA,WAAA;;AApBF,4BAsBC;EACC,yBAAA;EACA,YAAA;;AAxBF,4BA2BC,OAAM;EAEL,qBAAA;EACA,wBAAA;EACA,gBAAA;;AA/BF,4BAkCC;AAlCD,4BAmCC,kBAAkB;EAEjB,oBAAA;EACA,yBAAA;EACA,sBAAsB,q3BAAtB;EACA,4BAAA;EACA,wCAAA;EACA,oBAAA;;AA1CF,4BA6CC,QAAO;EACN,yBAAA;EACA,kBAAA;EACA,MAAA;EACA,mBAAA;EACA,gBAAA;EACA,gBAAA;;AAnDF,4BA6CC,QAAO,MAON;EACC,WAAA;;AArDH,4BAwDC,QACC;EACC,WAAA;;AA1DH,4BAwDC,QAIC;EACC,kBAAA;EACA,gBAAA;EACA,gBAAA;;AA/DH,4BAwDC,QASC;EACC,WAAA;EACA,WAAA;;AAnEH,4BAwDC,QAaC,MAAK;EACJ,SAAA;EACA,uBAAA;;AAIH;EACC,yBAAA;EACA,gBAAA;;AAED;EACC,yBAAA;EACA,gBAAA;;AACA,mBAAE;EACD,mBAAA;;AAGF;EACC,yBAAA;EACA,gBAAA;;AAFD,uBAGC,wBACC,eACC;AALH,uBAGC,wBACC,eAEC;EACC,eAAA;;AAPJ,uBAGC,wBACC,eAKC;EACC,cAAA;;AAVJ,uBAGC,wBACC,eAQC;EACC,iBAAA;EACA,eAAA;;AAdJ,uBAGC,wBACC,eAYC;EACC,cAAA;;AAKJ;EACC,UAAA;EACA,aAAA;;AAFD,aAGC;EACC,qBAAA;EACA,cAAA;EACA,yBAAA;;AAEA,aALD,GAKG;EACD,kBAAA;;AATH,aAYC;EACC,kBAAA;;AAbF,aAeC;EACC,qBAAA;;AAhBF,aAkBC;EACC,oBAAA","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\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\"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-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}\n}\n\n.projects-search-form-search {\n\tpadding: @common-whitespace 0;\n\tborder-bottom: 1px solid @grey-d;\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\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\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}\n\n\tdetails[open] {\n\t\tborder: 1px solid @grey-d;\n\t\tposition: relative;\n\t\ttop: 0;\n\t\tvertical-align: top;\n\t\tmax-height: 50vh;\n\t\toverflow: scroll;\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}\n}\n.projects-list {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n}\n.projects-list-item {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\t& + .projects-list-item {\n\t\tmargin-top: @common-whitespace * 0.5;\n\t}\n}\n.projects-single-layout {\n\tborder: 1px solid @grey-d;\n\tpadding: @common-whitespace * 0.5;\n\t.projects-single-holder {\n\t\t.entry-content {\n\t\t\tiframe,\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\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}\n.project-tags {\n\tpadding: 0;\n\tmargin: 1em 0;\n\tli {\n\t\tdisplay: inline-block;\n\t\tpadding: 0.5em;\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[class*=project-status] {\n\t\tbackground: yellow;\n\t}\n\t[class*=project-org-type] {\n\t\tbackground: aliceblue;\n\t}\n\t[class*=project-category] {\n\t\tbackground: lavender;\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 9b1bfa1..5c1228b 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}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form{grid-area:search}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}}.projects-search-form{padding:1.5rem 0;border-bottom:1px solid #343434}.projects-list{border:1px solid #343434;padding:.75rem}.projects-list-item{border:1px solid #343434;padding:.75rem}.projects-list-item+.projects-list-item{margin-top:.75rem}.projects-single-layout{border:1px solid #343434;padding:.75rem}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%}.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} \ No newline at end of file +.current-ltw-shortcode{margin:1.5rem 0}@supports (display:grid){@media (min-width:771px){.current-ltw-shortcode{display:grid;grid-template-columns:5fr 7fr;grid-template-areas:"search search" "list single";grid-gap:1.5rem;gap:1.5rem}}.current-ltw-shortcode .projects-search-form-search{grid-area:search}.current-ltw-shortcode .projects-list{grid-area:list}.current-ltw-shortcode .projects-single-layout{grid-area:single}}.projects-search-form-search{padding:1.5rem 0;border-bottom:1px solid #343434}.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 .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 #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}.projects-search-form-search details[open]{border:1px solid #343434;position:relative;top:0;vertical-align:top;max-height:50vh;overflow:scroll}.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-list{border:1px solid #343434;padding:.75rem}.projects-list-item{border:1px solid #343434;padding:.75rem}.projects-list-item+.projects-list-item{margin-top:.75rem}.projects-single-layout{border:1px solid #343434;padding:.75rem}.projects-single-layout .projects-single-holder .entry-content iframe,.projects-single-layout .projects-single-holder .entry-content img{max-width:100%}.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}.project-tags{padding:0;margin:1em 0}.project-tags li{display:inline-block;padding:.5em;border:1px solid #343434}.project-tags li+li{margin-left:.5em}.project-tags [class*=project-status]{background:#ff0}.project-tags [class*=project-org-type]{background:#f0f8ff}.project-tags [class*=project-category]{background:#e6e6fa} \ No newline at end of file diff --git a/wp-content/themes/currentorg/inc/shortcode-current-ltw-projects.php b/wp-content/themes/currentorg/inc/shortcode-current-ltw-projects.php index a1a5dc4..de68d79 100644 --- a/wp-content/themes/currentorg/inc/shortcode-current-ltw-projects.php +++ b/wp-content/themes/currentorg/inc/shortcode-current-ltw-projects.php @@ -15,8 +15,8 @@ * @param String $tag the shortcode tag. * @link https://developer.wordpress.org/plugins/shortcodes/shortcodes-with-parameters/#complete-example */ -function current_ltw_projects_shortcode( $atts = [], $content = null, $tag = '') -{ +function current_ltw_projects_shortcode( $atts = [], $content = null, $tag = '') { + // normalize attribute keys, lowercase $atts = array_change_key_case((array)$atts, CASE_LOWER); diff --git a/wp-content/themes/currentorg/less/current-ltw-projects.less b/wp-content/themes/currentorg/less/current-ltw-projects.less index 88f9799..7e6a3d3 100644 --- a/wp-content/themes/currentorg/less/current-ltw-projects.less +++ b/wp-content/themes/currentorg/less/current-ltw-projects.less @@ -17,7 +17,7 @@ grid-gap: @common-whitespace; gap: @common-whitespace; } - .projects-search-form { + .projects-search-form-search { grid-area: search; } .projects-list { @@ -29,9 +29,80 @@ } } -.projects-search-form { +.projects-search-form-search { padding: @common-whitespace 0; border-bottom: 1px solid @grey-d; + + input, button, select, details { + border: 1px solid @grey-m; + } + input[type=text], .btn, button, select { + padding: 4px; + } + input[type=text], .btn, button, details, select, label { + 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; + } + .btn-submit { + background-color: @brand; + color: white; + } + + select#project-org-type { + // https://www.filamentgroup.com/lab/select-css.html + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + } + + #project-org-type, + .project-category .btn { + // https://www.filamentgroup.com/lab/select-css.html + padding-right: 1.5em; + background-color: @grey-l; + 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 0.25em; + background-size: 1em; + } + + details[open] { + border: 1px solid @grey-d; + position: relative; + top: 0; + vertical-align: top; + max-height: 50vh; + overflow: scroll; + summary { + width: 100%; + } + } + details { + ul { + clear: both; + } + li { + display: list-item; + list-style: none; + margin-bottom: 0; + } + label { + float: none; + clear: both; + } + input[type=checkbox] { + margin: 0; + vertical-align: initial; + } + } } .projects-list { border: 1px solid @grey-d; @@ -66,3 +137,25 @@ } } } +.project-tags { + padding: 0; + margin: 1em 0; + li { + display: inline-block; + padding: 0.5em; + border: 1px solid @grey-d; + + & + li { + margin-left: 0.5em; + } + } + [class*=project-status] { + background: yellow; + } + [class*=project-org-type] { + background: aliceblue; + } + [class*=project-category] { + background: lavender; + } +} diff --git a/wp-content/themes/currentorg/partials/content-projects-list-item.php b/wp-content/themes/currentorg/partials/content-projects-list-item.php index 7fcfc4f..8370743 100644 --- a/wp-content/themes/currentorg/partials/content-projects-list-item.php +++ b/wp-content/themes/currentorg/partials/content-projects-list-item.php @@ -48,20 +48,16 @@ '; foreach ( $terms as $term ) { @@ -70,7 +66,7 @@ esc_attr( $term->taxonomy ), esc_attr( $term->slug ), // @todo: make this be a link that triggers the search filter for this term - get_term_link( $term ), + esc_attr( '?tax_input[' . $term->taxonomy . '][]=' . $term->term_id ), esc_html( $term->name ) ); } diff --git a/wp-content/themes/currentorg/partials/projects-base.php b/wp-content/themes/currentorg/partials/projects-base.php index 0d04db1..67fccba 100644 --- a/wp-content/themes/currentorg/partials/projects-base.php +++ b/wp-content/themes/currentorg/partials/projects-base.php @@ -9,9 +9,59 @@ 'post_type' => 'projects', 'post_status' => 'publish', ); + if ( isset( $_GET['projects-search'] ) && ! empty( $_GET['projects-search'] ) ) { $args['s'] = sanitize_title_for_query( $_GET['projects-search'] ); } + +$tax_query = array(); +if ( isset( $_GET['tax_input']['project-org-type'] ) && is_array( $_GET['tax_input']['project-org-type'] ) ) { + foreach( $_GET['tax_input']['project-org-type'] as $term ) { + $term = sanitize_title_for_query( $term ); + if ( ! empty( $term ) && is_numeric( $term ) ) { + $tax_query[] = array( + 'taxonomy' => 'project-org-type', + 'field' => 'term_id', + 'terms' => $term, + ); + } + unset( $term ); + } +} +if ( isset( $_GET['tax_input']['project-status'] ) && is_array( $_GET['tax_input']['project-status'] ) ) { + foreach( $_GET['tax_input']['project-status'] as $term ) { + $term = sanitize_title_for_query( $term ); + if ( ! empty( $term ) && is_numeric( $term ) ) { + $tax_query[] = array( + 'taxonomy' => 'project-status', + 'field' => 'term_id', + 'terms' => $term, + ); + } + unset( $term ); + } +} +if ( isset( $_GET['tax_input']['project-category'] ) && is_array( $_GET['tax_input']['project-category'] ) ) { + foreach( $_GET['tax_input']['project-category'] as $term ) { + $term = sanitize_title_for_query( $term ); + if ( ! empty( $term ) && is_numeric( $term ) ) { + $tax_query[] = array( + 'taxonomy' => 'project-category', + 'field' => 'term_id', + 'terms' => $term, + ); + } + unset( $term ); + } +} +if ( ! empty( $tax_query ) ) { + $args['tax_query'] = $tax_query; +} +if ( count( $tax_query ) > 1 ) { + $args['tax_query']['relation'] = 'AND'; +} + + $query = new WP_Query( $args ); // so we can pass $query to these diff --git a/wp-content/themes/currentorg/partials/projects-list.php b/wp-content/themes/currentorg/partials/projects-list.php index e3dc071..32b96e7 100644 --- a/wp-content/themes/currentorg/partials/projects-list.php +++ b/wp-content/themes/currentorg/partials/projects-list.php @@ -19,7 +19,7 @@ ) ); } else { - get_template_part( 'partials/content', 'not-found' ); + echo wpautop( esc_html__( 'Apologies, but no results were found. Perhaps searching for something else will help.', 'largo' ) ); } ?> diff --git a/wp-content/themes/currentorg/partials/projects-search-form.php b/wp-content/themes/currentorg/partials/projects-search-form.php index b1999f4..549f8a7 100644 --- a/wp-content/themes/currentorg/partials/projects-search-form.php +++ b/wp-content/themes/currentorg/partials/projects-search-form.php @@ -1,4 +1,12 @@ query_vars['s']; @@ -17,8 +25,61 @@