diff --git a/src/liquid/place/list.html b/src/liquid/place/list.html index a3d4a9d..0a67d51 100644 --- a/src/liquid/place/list.html +++ b/src/liquid/place/list.html @@ -189,7 +189,7 @@

{{contactType.friendly}}

const table = tableID && document.getElementById(tableID); if (table) { const rowCount = table.rows.length - 1; - link.querySelector('span').innerText = rowCount; + link.querySelector('span').innerText = rowCount > 999 ? '999+' : rowCount; } }) } diff --git a/src/public/css/styles.css b/src/public/css/styles.css index 85562b0..cb541ab 100644 --- a/src/public/css/styles.css +++ b/src/public/css/styles.css @@ -1 +1 @@ -@font-face{font-family:"Noto";src:url(/public/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:normal}.theme,body{background-color:#fff;color:#333;font-family:Noto, sans-serif}.btn,.login-btn,.clear-btn{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);background-color:#337ab7;border-color:#2e6da4;border:1px solid transparent;color:white;border-radius:4px;font-size:1em;font-family:inherit;cursor:pointer;text-decoration:none}.btn.disabled,.disabled.login-btn,.disabled.clear-btn{background-color:#f1f1f1;pointer-events:auto;cursor:not-allowed;text-shadow:none}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;font-size:0.9em;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-button{width:fit-content}.dropdown-button:hover .dropdown-content{display:block}.login-btn{width:100%;margin:30px auto;display:block;height:40px;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.5)}.login-btn:hover{background-color:#2e6da4}.clear-btn{font-size:0.9em;background-color:white;align-items:center;border:1.9px solid #ccc;color:#333;margin:auto 5px;box-shadow:none;display:inline-flex;height:40px;padding:0 10px}.clear-btn:hover{background-color:#f1f1f1}.clear-btn img{margin-right:4px}a.clear-btn{height:38px}.tag.clear-btn{height:20px;color:#007AC0;border-color:#007AC0}.badge.tag{border:none;border-radius:4px;height:20px;font-weight:normal;font-size:.8125rem;cursor:pointer}.badge.status{display:inline-flex;height:12px;border-radius:4px;font-weight:normal;font-size:.8125rem;justify-self:center;align-items:center}.badge.tag.disabled{pointer-events:auto;cursor:not-allowed}.form{margin:0 auto;padding:25px;border-radius:12px;background-color:white;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1)}.text-input,.dropdown-input,input{font-size:1rem;border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.dropdown-input{appearance:none;background-color:white;margin:5px auto 20px auto;cursor:pointer;background-image:url("/public/images/dropdown.svg");background-repeat:no-repeat;background-position:right 0.7rem top 50%;background-size:1.25em auto}input{box-sizing:border-box}#form_authenticate.form{font-size:1.25rem;width:550px}@media (max-width: 1023px){#form_authenticate.form{width:80%}}.input-fields{width:100%;margin:5px auto}.input-fields input[type="text"]{margin-bottom:20px}.navbar{background-color:#323232;color:white;display:flex;position:fixed;top:0;left:0;width:100%;height:3.5em;align-items:center;box-sizing:border-box;padding:10px 15px;z-index:1000}@media (max-width: 1023px){.navbar{padding:10px 10px}}.navbar .navbar-branding{font-size:1.25rem;font-weight:bold;margin-right:10px}.navbar .navbar-branding img{width:100%;height:1.5em}@media (max-width: 1023px){.navbar #logo.navbar-branding{display:none}}.navbar ul{list-style-type:none;margin-left:auto;padding:0;display:flex;cursor:pointer}.navbar a{text-decoration:none}.navbar .dropdown{position:relative}@media (min-width: 1023px){.navbar .dropdown:hover .dropdown-menu{display:block;visibility:visible}}.navbar .dropdown ul{width:200px}@media (max-width: 1023px){.navbar .dropdown ul{width:300px}}.navbar .dropdown img{margin:auto 8px;width:20px;height:20px}.navbar .dropdown #dropdown-btn{display:flex;align-items:center}@media (max-width: 1023px){.navbar .dropdown #dropdown-btn{display:none}}.navbar .dropdown-menu{box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);position:absolute;border-radius:4px;top:100%;right:0;padding:10px;background-color:#fff;height:fit-content;border:1px solid #ccc;display:none;visibility:hidden}@media (max-width: 1023px){.navbar .dropdown-menu{top:150%}}.navbar .dropdown-menu li{color:#333;display:flex;align-items:center;height:2em}.navbar .dropdown-menu img{margin:auto 6px auto 0px}.navbar .hamburger-icon{display:none}@media (max-width: 1023px){.navbar .hamburger-icon{width:28px;height:28px;display:flex;padding:0px;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer}.navbar .hamburger-icon span{width:100%;height:2px;background-color:white;transition:0.2s}}.navbar .open span:nth-child(1){transform:rotate(45deg) translate(6.5px, 6px)}.navbar .open span:nth-child(2){opacity:0}.navbar .open span:nth-child(3){transform:rotate(-45deg) translate(6.5px, -6px)}.navbar .active-dropdown{display:block;visibility:visible}.spinner{display:none;margin:1em auto;font-size:10px;position:relative;border:0.4em solid rgba(119,119,119,0.2);border-top-color:rgba(119,119,119,0.4);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loader .9s infinite linear;animation:loader .9s infinite linear;border-radius:50%;width:3em;height:3em}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.table-container{overflow-x:auto;display:flex;margin:0.5em 5px 1em 5px;width:auto;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}.table-container table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}.table-container table a{color:#337ab7;text-decoration:none}.table-container table a:hover,.table-container table a:focus{color:#23527c;text-decoration:underline}.table-container table td{font-size:0.95em}.table-container table td:last-child{position:sticky;position:-webkit-sticky;right:0}.table-container table th,.table-container table td{text-align:left;padding:15px}.table-container table th{font-size:.875rem;background-color:rgba(220,220,220,0.6);border-bottom:1px solid #ccc}.table-container table tr:nth-child(even){background-color:#f2f2f2}.table-container table .action-link{cursor:pointer;z-index:-1}.table-container table .action-link:hover,.table-container table .action-link:focus{filter:brightness(0);text-decoration:none}@media (max-width: 600px){.table-container{box-shadow:none}.table-container table{table-layout:fixed}.table-container table thead{display:none}.table-container table tr:nth-child(even){background-color:white}.table-container table td{border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#f2f2f2;display:block;text-align:right;border-top:none}.table-container table td .empty{padding:15px}.table-container table td::before{content:attr(data-label);float:left}.table-container table td:last-child{margin-bottom:1em;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.table-container table td:first-child{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top-left-radius:4px;border-top-right-radius:4px}}.pagination{display:inline-flex;font-size:.875rem;width:100%;justify-content:center;margin:0 auto 70px auto}.pagination button{background-color:white;border:none;width:40px;font-size:1.25rem;cursor:pointer}.pagination a{color:black;float:left;margin:auto 1px;padding:8px 16px;text-decoration:none;border-radius:4px;border:1px solid #ccc;cursor:pointer;display:none}.pagination a:nth-child(-n+5){display:block}.pagination a:nth-last-child(-n+3){display:block}.pagination a.active{background-color:#007AC0;display:block;color:white;border:1px solid #007AC0}.pagination a:hover:not(.active){background-color:#f1f1f1}.pagination .pager-control{display:inline-flex;justify-content:center;align-items:center;margin-left:20px;height:inherit;font-size:.875rem;float:right}.pagination .pager-control span{margin-right:5px}.pagination .pager-control select{font-size:.875rem;background-color:white;border:1px solid #ccc;border-radius:4px;padding:auto;height:inherit}.topnav{overflow-x:auto;background-color:white;max-height:10em;display:flex;border-bottom:1px solid #ccc;position:sticky;position:-webkit-sticky;top:3.5em;z-index:900}.topnav a{font-size:1rem;float:left;display:block;color:#545454;text-align:center;padding:14px 16px;text-decoration:none}@media (max-width: 1023px){.topnav a{font-size:.875rem}}.topnav a:hover{color:black}.topnav .active{border-bottom:3px solid #007AC0;color:black}.topnav .active span{background-color:#007AC0}.nav-content h2{margin-left:5px}.directive{background-color:#f5f5f5;margin:1em auto;min-height:3em;padding:10px 25px}.directive h3{margin:5px auto}@media (max-width: 1023px){.directive{font-size:0.9em;padding:10px}}.directive .prompt-save a{float:right;top:20%}.directive.get-started{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);background-color:#f5f5f5;font-size:1.25rem;padding-bottom:40px;text-align:center;border-radius:#ccc;margin:7em 7em;display:flex;flex-direction:column;justify-content:center;align-items:center}.directive.get-started p{max-width:40%}.directive.get-started span{font-size:1.75rem}.directive.get-started .directive-dropdown{display:flex}@media (max-width: 1023px){.directive.get-started{margin:7em 5px;padding:10px 10px 30px 10px}.directive.get-started p{width:90%;max-width:none}.directive.get-started button{font-size:1rem}}.hidden-tag-container{margin-top:10px;font-size:0.95em}.login-page{background-color:#F8F8F8}.container{margin:0 auto;padding-top:0.4em}.border{border:1px solid blue}.actions{display:flex;justify-content:flex-end;padding:10px}.actions .top,.actions .bottom{display:flex;align-items:center;width:fit-content}@media (max-width: 600px){.actions{padding:0;flex-direction:column;width:100%}.actions button,.actions a{width:14em;margin:2px}.actions .top{order:1;width:inherit;justify-content:center;margin:5px auto 3px auto}.actions .bottom{order:2;width:inherit;justify-content:center}}.content{padding-top:3em;margin:auto;width:98%}.center{margin:1em}.hidden{display:none}.active{display:block}img{vertical-align:middle}.error{color:#da4548;text-align:center;display:none;font-size:1rem}.error-text{color:#f14668}.success-text{color:#48c78e}.staging-text{color:#007AC0}.warning-text{color:#ffe08a}.error-bg{background-color:#f14668}.success-bg{background-color:#48c78e}.staging-bg{background-color:#007AC0}.warning-bg{background-color:#ffe08a;color:#333}.logo{width:60%;margin:30px auto 40px auto;display:block}.login-branding{width:400px;margin:0 auto}@media (max-width: 1023px){.login-branding{width:85%}}.login-branding p{text-align:center;font-size:1.5rem;font-weight:bold}progress{width:100%;height:15px;margin:10px auto;background-color:white;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background-color:white;border-radius:10px}progress::-moz-progress-bar{background-color:#007AC0}progress::-webkit-progress-value{background-color:#007AC0;border-radius:10px;transition:width 1s ease} +@font-face{font-family:"Noto";src:url(/public/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:normal}.theme,body{background-color:#fff;color:#333;font-family:Noto, sans-serif}.btn,.login-btn,.clear-btn{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);background-color:#337ab7;border-color:#2e6da4;border:1px solid transparent;color:white;border-radius:4px;font-size:1em;font-family:inherit;cursor:pointer;text-decoration:none}.btn.disabled,.disabled.login-btn,.disabled.clear-btn{background-color:#f1f1f1;pointer-events:auto;cursor:not-allowed;text-shadow:none}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;font-size:0.9em;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{color:#333;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-button{width:fit-content}.dropdown-button:hover .dropdown-content{display:block}.login-btn{width:100%;margin:30px auto;display:block;height:40px;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.5)}.login-btn:hover{background-color:#2e6da4}.clear-btn{font-size:0.9em;background-color:white;align-items:center;border:1.9px solid #ccc;color:#333;margin:auto 5px;box-shadow:none;display:inline-flex;height:40px;padding:0 10px}.clear-btn:hover{background-color:#f1f1f1}.clear-btn img{margin-right:4px}a.clear-btn{height:38px}.tag.clear-btn{height:20px;color:#007AC0;border-color:#007AC0}.badge.tag{border:none;border-radius:4px;height:20px;font-weight:normal;font-size:.8125rem;cursor:pointer}.badge.status{display:inline-flex;height:12px;border-radius:4px;font-weight:normal;font-size:.8125rem;justify-self:center;align-items:center}.badge.tag.disabled{pointer-events:auto;cursor:not-allowed}form{margin:0 auto;padding:25px;border-radius:12px;background-color:white;box-shadow:0 10px 20px 0 rgba(0,0,0,0.1)}form input,form select{font-size:1rem;border:1px solid #ccc;border-radius:4px;padding:10px;width:100%;box-sizing:border-box}form input:focus,form select:focus{border:none;outline-style:solid;outline-color:#007AC0;box-shadow:0 0 4px 2px #007AC0;outline-width:2px}form select{appearance:none;background-color:white;cursor:pointer;background-image:url("/public/images/dropdown.svg");background-repeat:no-repeat;background-position:right 0.7rem top 50%;background-size:1.25em auto}#form_authenticate{font-size:1.25rem;width:550px}@media (max-width: 1023px){#form_authenticate{width:80%}}#form_authenticate input,#form_authenticate form select,form #form_authenticate select{margin:5px auto}#form_authenticate input input[type="text"],#form_authenticate form select input[type="text"],form #form_authenticate select input[type="text"],#form_authenticate input form select[type="text"],form #form_authenticate input select[type="text"],#form_authenticate form select select[type="text"],form #form_authenticate select select[type="text"]{margin-bottom:20px}#form_authenticate select{margin:5px auto 20px auto}.navbar{background-color:#323232;color:white;display:flex;position:fixed;top:0;left:0;width:100%;height:3.5em;align-items:center;box-sizing:border-box;padding:10px 15px;z-index:1000}@media (max-width: 1023px){.navbar{padding:10px 10px}}.navbar .navbar-branding{font-size:1.25rem;font-weight:bold;margin-right:10px}.navbar .navbar-branding img{width:100%;height:1.5em}@media (max-width: 1023px){.navbar #logo.navbar-branding{display:none}}.navbar ul{list-style-type:none;margin-left:auto;padding:0;display:flex;cursor:pointer}.navbar a{text-decoration:none}.navbar .dropdown{position:relative}@media (min-width: 1023px){.navbar .dropdown:hover .dropdown-menu{display:block;visibility:visible}}.navbar .dropdown ul{width:200px}@media (max-width: 1023px){.navbar .dropdown ul{width:300px}}.navbar .dropdown img{margin:auto 8px;width:20px;height:20px}.navbar .dropdown #dropdown-btn{display:flex;align-items:center}@media (max-width: 1023px){.navbar .dropdown #dropdown-btn{display:none}}.navbar .dropdown-menu{box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);position:absolute;border-radius:4px;top:100%;right:0;padding:10px;background-color:#fff;height:fit-content;border:1px solid #ccc;display:none;visibility:hidden}@media (max-width: 1023px){.navbar .dropdown-menu{top:150%}}.navbar .dropdown-menu li{color:#333;display:flex;align-items:center;height:2em}.navbar .dropdown-menu img{margin:auto 6px auto 0px}.navbar .hamburger-icon{display:none}@media (max-width: 1023px){.navbar .hamburger-icon{width:28px;height:28px;display:flex;padding:0px;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer}.navbar .hamburger-icon span{width:100%;height:2px;background-color:white;transition:0.2s}}.navbar .open span:nth-child(1){transform:rotate(45deg) translate(6.5px, 6px)}.navbar .open span:nth-child(2){opacity:0}.navbar .open span:nth-child(3){transform:rotate(-45deg) translate(6.5px, -6px)}.navbar .active-dropdown{display:block;visibility:visible}.spinner{display:none;margin:1em auto;font-size:10px;position:relative;border:0.4em solid rgba(119,119,119,0.2);border-top-color:rgba(119,119,119,0.4);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:loader .9s infinite linear;animation:loader .9s infinite linear;border-radius:50%;width:3em;height:3em}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.table-container{overflow-x:auto;display:flex;margin:0.5em 5px 1em 5px;width:auto;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}.table-container table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}.table-container table a{color:#337ab7;text-decoration:none}.table-container table a:hover,.table-container table a:focus{color:#23527c;text-decoration:underline}.table-container table td{font-size:0.95em}.table-container table td:last-child{position:sticky;position:-webkit-sticky;right:0}.table-container table th,.table-container table td{text-align:left;padding:15px}.table-container table th{font-size:.875rem;background-color:rgba(220,220,220,0.6);border-bottom:1px solid #ccc}.table-container table tr:nth-child(even){background-color:#f2f2f2}.table-container table .action-link{cursor:pointer;z-index:-1}.table-container table .action-link:hover,.table-container table .action-link:focus{filter:brightness(0);text-decoration:none}@media (max-width: 600px){.table-container{box-shadow:none}.table-container table{table-layout:fixed}.table-container table thead{display:none}.table-container table tr:nth-child(even){background-color:white}.table-container table td{border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#f2f2f2;display:block;text-align:right;border-top:none}.table-container table td .empty{padding:15px}.table-container table td::before{content:attr(data-label);float:left}.table-container table td:last-child{margin-bottom:1em;border-bottom:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.table-container table td:first-child{border-top:1px solid #ddd;border-top-left-radius:4px;border-top-right-radius:4px}}.pagination{display:inline-flex;font-size:.875rem;width:100%;justify-content:center;margin:0 auto 70px auto}.pagination button{background-color:white;border:none;width:40px;font-size:1.25rem;cursor:pointer}.pagination a{color:black;float:left;margin:auto 1px;padding:8px 16px;text-decoration:none;border-radius:4px;border:1px solid #ccc;cursor:pointer;display:none}.pagination a:nth-child(-n+5){display:block}.pagination a:nth-last-child(-n+3){display:block}.pagination a.active{background-color:#007AC0;display:block;color:white;border:1px solid #007AC0}.pagination a:hover:not(.active){background-color:#f1f1f1}.pagination .pager-control{display:inline-flex;justify-content:center;align-items:center;margin-left:20px;height:inherit;font-size:.875rem;float:right}.pagination .pager-control span{margin-right:5px}.pagination .pager-control select{font-size:.875rem;background-color:white;border:1px solid #ccc;border-radius:4px;padding:auto;height:inherit}.topnav{overflow-x:auto;background-color:white;max-height:10em;display:flex;border-bottom:1px solid #ccc;position:sticky;position:-webkit-sticky;top:3.5em;z-index:900}.topnav a{font-size:1rem;float:left;display:block;color:#545454;text-align:center;padding:14px 16px;text-decoration:none}@media (max-width: 1023px){.topnav a{font-size:.875rem}}.topnav a:hover{color:black}.topnav .active{border-bottom:3px solid #007AC0;color:black}.topnav .active span{background-color:#007AC0}.nav-content h2{margin-left:5px}.directive{background-color:#f5f5f5;margin:1em auto;min-height:3em;padding:10px 25px}.directive h3{margin:5px auto}@media (max-width: 1023px){.directive{font-size:0.9em;padding:10px}}.directive .prompt-save a{float:right;top:20%}.directive.get-started{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);background-color:#f5f5f5;font-size:1.25rem;padding-bottom:40px;text-align:center;border-radius:#ccc;margin:7em 7em;display:flex;flex-direction:column;justify-content:center;align-items:center}.directive.get-started p{max-width:40%}.directive.get-started span{font-size:1.75rem}.directive.get-started .directive-dropdown{display:flex}@media (max-width: 1023px){.directive.get-started{margin:7em 5px;padding:10px 10px 30px 10px}.directive.get-started p{width:90%;max-width:none}.directive.get-started button{font-size:1rem}}.hidden-tag-container{margin-top:10px;font-size:0.95em}.login-page{background-color:#F8F8F8}.container{margin:0 auto;padding-top:0.4em}.border{border:1px solid blue}.actions{display:flex;justify-content:flex-end;padding:10px}.actions .top,.actions .bottom{display:flex;align-items:center;width:fit-content}@media (max-width: 600px){.actions{padding:0;flex-direction:column;width:100%}.actions button,.actions a{width:14em;margin:2px}.actions .top{order:1;width:inherit;justify-content:center;margin:5px auto 3px auto}.actions .bottom{order:2;width:inherit;justify-content:center}}.content{padding-top:3em;margin:auto;width:98%}.center{margin:1em}.hidden{display:none}.active{display:block}img{vertical-align:middle}.error{color:#da4548;text-align:center;display:none;font-size:1rem}.error-text{color:#f14668}.success-text{color:#48c78e}.staging-text{color:#007AC0}.warning-text{color:#ffe08a}.error-bg{background-color:#f14668}.success-bg{background-color:#48c78e}.staging-bg{background-color:#007AC0}.warning-bg{background-color:#ffe08a;color:#333}.logo{width:60%;margin:30px auto 40px auto;display:block}.login-branding{width:400px;margin:0 auto}@media (max-width: 1023px){.login-branding{width:85%}}.login-branding p{text-align:center;font-size:1.5rem;font-weight:bold}progress{width:100%;height:15px;margin:10px auto;background-color:white;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background-color:white;border-radius:10px}progress::-moz-progress-bar{background-color:#007AC0}progress::-webkit-progress-value{background-color:#007AC0;border-radius:10px;transition:width 1s ease}