Difference between revisions of "Widget:DevGuidelines"
From LINKS Community Center
| Line 39: | Line 39: | ||
width: 45vw; | width: 45vw; | ||
background: #fff; | background: #fff; | ||
| − | border: 1px solid var(--links- | + | border: 1px solid var(--links-orange); |
clip-path: inset(0 0 100% 100%); | clip-path: inset(0 0 100% 100%); | ||
box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%); | box-shadow: -10px 10px 10px 5px rgb(0 0 0 / 10%); | ||
| Line 55: | Line 55: | ||
margin-top: -.2em; | margin-top: -.2em; | ||
font-weight: 100; | font-weight: 100; | ||
| − | color: var(--links- | + | color: var(--links-orange); |
} | } | ||
| Line 66: | Line 66: | ||
.large-button { | .large-button { | ||
| − | border: 1px solid var(--links- | + | border: 1px solid var(--links-orange); |
font-size: 1.5em; | font-size: 1.5em; | ||
font-family: 'Open Sans'; | font-family: 'Open Sans'; | ||
| Line 72: | Line 72: | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
padding: 0.3em 0.8em; | padding: 0.3em 0.8em; | ||
| − | color: var(--links- | + | color: var(--links-orange); |
background: transparent; | background: transparent; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Line 80: | Line 80: | ||
.large-button:hover { | .large-button:hover { | ||
| − | background-color: var(--links- | + | background-color: var(--links-orange); |
color: #fff; | color: #fff; | ||
} | } | ||
| Line 94: | Line 94: | ||
.filter-wrapper button { | .filter-wrapper button { | ||
border: 0 none; | border: 0 none; | ||
| − | color: var(--links- | + | color: var(--links-orange); |
background-color: transparent; | background-color: transparent; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
| Line 114: | Line 114: | ||
width: 1.5em; | width: 1.5em; | ||
height: 1.5em; | height: 1.5em; | ||
| − | fill: var(--links- | + | fill: var(--links-orange); |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 202: | Line 202: | ||
padding: 0 .5em 2em 0; | padding: 0 .5em 2em 0; | ||
} | } | ||
| + | |||
| + | #filter-summary { margin-right: 1em; } | ||
| + | |||
| + | #filter-summary table tr td { vertical-align: top; } | ||
| + | #filter-summary table tr td:first-of-type { padding-right: 10px; } | ||
| + | |||
#guideline-tabulator.tabulator .tabulator-row .tabulator-responsive-collapse table { | #guideline-tabulator.tabulator .tabulator-row .tabulator-responsive-collapse table { | ||
| Line 207: | Line 213: | ||
} | } | ||
| + | #filter-summary table tr td strong, | ||
#guideline-tabulator.tabulator .tabulator-row .tabulator-responsive-collapse td>strong { | #guideline-tabulator.tabulator .tabulator-row .tabulator-responsive-collapse td>strong { | ||
font-weight: 300; | font-weight: 300; | ||
| Line 215: | Line 222: | ||
color: var(--links-orange); | color: var(--links-orange); | ||
} | } | ||
| + | |||
| Line 232: | Line 240: | ||
const PHASES = ["Before", "During", "After"]; | const PHASES = ["Before", "During", "After"]; | ||
| − | + | const EX_LEVEL = ["Starter", "Intermediate", "Advanced"]; | |
| − | const EX_LEVEL = ["Starter", "Intermediate", "Advanced"] | ||
const getQueryUrl = query => '/api.php?action=ask&format=json&query=' + encodeURIComponent(query); | const getQueryUrl = query => '/api.php?action=ask&format=json&query=' + encodeURIComponent(query); | ||
| Line 470: | Line 477: | ||
const filter = filters[0]; | const filter = filters[0]; | ||
| + | console.log("Filtesr", filter); | ||
// Set result counter | // Set result counter | ||
Revision as of 11:14, 23 November 2022
Development version of the List of Guidelines.
Not ready for production!