From 1f6a9795ed529247bb3370c5efeb009a81d30c8b Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Tue, 3 Sep 2024 09:47:36 +0200 Subject: Merging upstream version 0.46. Signed-off-by: Daniel Baumann --- docs/components/ui/LinkedList/DemoCSS.jinja | 83 ++++++++++++++++++++++ docs/components/ui/LinkedList/DemoHTML.jinja | 35 ++++++++++ docs/components/ui/LinkedList/DemoResult.jinja | 89 ++++++++++++++++++++++++ docs/components/ui/LinkedList/LinkedList.css | 96 ++++++++++++++++++++++++++ 4 files changed, 303 insertions(+) create mode 100644 docs/components/ui/LinkedList/DemoCSS.jinja create mode 100644 docs/components/ui/LinkedList/DemoHTML.jinja create mode 100644 docs/components/ui/LinkedList/DemoResult.jinja create mode 100644 docs/components/ui/LinkedList/LinkedList.css (limited to 'docs/components/ui/LinkedList') diff --git a/docs/components/ui/LinkedList/DemoCSS.jinja b/docs/components/ui/LinkedList/DemoCSS.jinja new file mode 100644 index 0000000..0927d4e --- /dev/null +++ b/docs/components/ui/LinkedList/DemoCSS.jinja @@ -0,0 +1,83 @@ +{% filter markdown %}{% raw %} +```css +.ui-linkedlist { + padding: 0px; + background-color: rgb(255 255 255); + overscroll-behavior: contain; + overflow-y: scroll; + list-style-type: none; + height: 16rem; + margin: 0px; + border: 1px solid rgb(128 128 128); + border-radius: 0.25rem; + font-size: 0.85rem; +} +.ui-linkedlist li { + cursor: pointer; + display: flex; + padding: 0.25rem 1rem; + align-items: center; +} +.ui-linkedlist li[disabled] { + color: rgb(156 156 156); + cursor: default; +} +.ui-linkedlist li:hover { + background-color: rgb(243 244 246); +} +.ui-linkedlist input[type="checkbox"] { + margin-right: 0.5rem; +} +label { + display: inline-block; + font-weight: bold; + background-color: white; + padding: 0.25rem 2rem; + border: 1px solid rgb(128 128 128); + border-radius: 0.25rem 0.25rem 0 0; + font-size: 0.7rem; + margin-bottom: -1px; +} + +button { + margin-top: 0.5rem; + display: inline-flex; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + align-items: center; + justify-content: center; +} +button > :not([hidden]) ~ :not([hidden]) { + margin-left: 0.25rem; +} +button { + white-space: nowrap; + border-radius: 0.25rem; + border: 1px solid transparent; + background-color: rgb(229 231 235); + padding: 0.5rem 0.75rem; + text-align: center; + font-size: 0.75rem; + line-height: 1rem; +} +button:hover { + border-color: rgb(219 234 254); + background-color: rgb(243 244 246); +} +button:focus { + background-color: rgb(229 231 235); + outline-offset: 1px; + outline-color: #3b82f6; +} +@media (min-width: 640px) { + button { + padding: 0.25rem 0.5rem; + } +} +button.select-all { + float: right; +} +``` +{% endraw %}{% endfilter %} \ No newline at end of file diff --git a/docs/components/ui/LinkedList/DemoHTML.jinja b/docs/components/ui/LinkedList/DemoHTML.jinja new file mode 100644 index 0000000..375ddd7 --- /dev/null +++ b/docs/components/ui/LinkedList/DemoHTML.jinja @@ -0,0 +1,35 @@ +{% filter markdown %}{% raw %} +```html+jinja +
+ + +
  • + Alexander Summers
    • + +
  • + Warren Worthington III
    • +     + + +
    +
    + + + + + +
    +``` +{% endraw %}{% endfilter %} \ No newline at end of file diff --git a/docs/components/ui/LinkedList/DemoResult.jinja b/docs/components/ui/LinkedList/DemoResult.jinja new file mode 100644 index 0000000..e3d9631 --- /dev/null +++ b/docs/components/ui/LinkedList/DemoResult.jinja @@ -0,0 +1,89 @@ +{#css ui/LinkedList/LinkedList.css #} + +
    + +
    +
    + + +
  • + Alexander Summers
    • +
  • + Alison Blaire
    • +
  • + Anna Marie LeBeau
    • +
  • + Charles Francis Xavier
    • +
  • + Elizabeth Braddock
    • +
  • + Emma Grace Frost
    • +
  • + Erik Magnus Lehnsherr
    • +
  • + Henry Philip McCoy
    • +
  • + James Howlett
    • +
  • + Jean Elaine Grey
    • +
  • + John Proudstar
    • +
  • + Jubilation Lee
    • +
  • + Katherine Anne Pryde
    • +
  • + Kurt Wagner
    • +
  • + Lucas Bishop
    • +
  • + Nathan Summers
    • +
  • + Ororo Munroe
    • +
  • + Piotr Nikolaievitch Rasputin
    • +
  • + Raven Darkhölme
    • +
  • + Remy Etienne LeBeau
    • +
  • + Robert Louis Drake
    • +
  • + Roberto da Costa
    • +
  • + Scott Summers
    • +
  • + Sean Cassidy
    • +
  • + Shiro Yoshida
    • +
  • + Warren Worthington III
    • +     + + +
    +
    + + + + + +
    +
    \ No newline at end of file diff --git a/docs/components/ui/LinkedList/LinkedList.css b/docs/components/ui/LinkedList/LinkedList.css new file mode 100644 index 0000000..fd69adc --- /dev/null +++ b/docs/components/ui/LinkedList/LinkedList.css @@ -0,0 +1,96 @@ +@scope (#linkedlist-demo) { + :scope { + position: relative; + display: block; + display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem; + height: 360px; + margin: 0 auto; + } + :scope > div { + width: 100%; + margin: 0 1rem; + } + + .ui-linkedlist { + padding: 0px; + background-color: rgb(255 255 255); + overscroll-behavior: contain; + overflow-y: scroll; + list-style-type: none; + height: 16rem; + margin: 0px; + border: 1px solid rgb(128 128 128); + border-radius: 0.25rem; + font-size: 0.85rem; + } + .ui-linkedlist li { + cursor: pointer; + display: flex; + padding: 0.25rem 1rem; + align-items: center; + } + .ui-linkedlist li[disabled] { + color: rgb(156 156 156); + cursor: default; + } + .ui-linkedlist li:hover { + background-color: rgb(243 244 246); + } + .ui-linkedlist input[type="checkbox"] { + margin-right: 0.5rem; + } + label { + display: inline-block; + font-weight: bold; + background-color: white; + padding: 0.25rem 2rem; + border: 1px solid rgb(128 128 128); + border-radius: 0.25rem 0.25rem 0 0; + font-size: 0.7rem; + margin-bottom: -1px; + } + + button { + margin-top: 0.5rem; + display: inline-flex; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + align-items: center; + justify-content: center; + } + button > :not([hidden]) ~ :not([hidden]) { + margin-left: 0.25rem; + } + button { + white-space: nowrap; + border-radius: 0.25rem; + border: 1px solid transparent; + background-color: rgb(229 231 235); + padding: 0.5rem 0.75rem; + text-align: center; + font-size: 0.75rem; + line-height: 1rem; + } + button:hover { + border-color: rgb(219 234 254); + background-color: rgb(243 244 246); + } + button:focus { + background-color: rgb(229 231 235); + outline-offset: 1px; + outline-color: #3b82f6; + } + @media (min-width: 640px) { + button { + padding: 0.25rem 0.5rem; + } + } + button.select-all { + float: right; + } +} \ No newline at end of file -- cgit v1.2.3