Widget: DevGuidelines: Difference between revisions
From LINKS Community Center
Cschwentker (talk | contribs) No edit summary |
Cschwentker (talk | contribs) No edit summary |
||
| 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 10:14, 23 November 2022
Development version of the List of Guidelines.
Not ready for production!