Skip to content

Commit

Permalink
More minor fixes, added backend previews for flag & icon
Browse files Browse the repository at this point in the history
  • Loading branch information
@LukeTowers
LukeTowers committed Jul 31, 2024
1 parent 8d0286f commit e0f672f
Show file tree
Hide file tree
Showing 5 changed files with 332 additions and 27 deletions.
2 changes: 1 addition & 1 deletion ui/controls/callout.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -120,4 +120,4 @@ Include the `no-icon` class to omit the icon.

### Events

- close.oc.callout - triggered when the callout is closed
- `close.oc.callout` - triggered when the callout is closed
2 changes: 1 addition & 1 deletion ui/controls/form.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ The form is the base element of data entry within Winter CMS. A form is made up

## The basics

A form should be made up of a `<form">` tag. Each individual input or control within the form should be surrounded by a `<div class="form-group">` container, similar to the [Bootstrap v4](https://getbootstrap.com/docs/4.6/components/forms/) format.
A form should be made up of a `<form>` tag. Each individual input or control within the form should be surrounded by a `<div class="form-group">` container, similar to the [Bootstrap v4](https://getbootstrap.com/docs/4.6/components/forms/) format.

Within each form group, there should be a `<label>` tag for the field label, and a control or input that has the class `form-control` to identify the actual interactive element. For usability, you should endeavour to include a `for` attribute on the label that matches the `name` attribute of the field that label is for.

Expand Down
2 changes: 1 addition & 1 deletion ui/controls/list.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: "Controls: List"
---
# List

The list element is the base element of data viewing in Winter CMS. A list is made up of rows of data, similar to spreadsheet software like Excel, and contains columns of data. In general, the form is generally created by the [List Widget](/docs/v1.2/docs/backend/lists), but can also be manually created for custom uses.
The list element is the base element of data viewing in Winter CMS. A list is made up of rows of data, similar to spreadsheet software like Excel, and contains columns of data. In general, the list is generally created by the [List Widget](/docs/v1.2/docs/backend/lists), but can also be manually created for custom uses.

## The basics

Expand Down
261 changes: 261 additions & 0 deletions ui/style/flag.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -266,4 +266,265 @@ Provides flags of various descriptions using [flag-icon-css](https://github.com/
<i class="flag-us wn-flag-squared"></i>
```

```backend
<i class="flag-ad"></i>
<i class="flag-ae"></i>
<i class="flag-af"></i>
<i class="flag-ag"></i>
<i class="flag-ai"></i>
<i class="flag-al"></i>
<i class="flag-am"></i>
<i class="flag-ao"></i>
<i class="flag-aq"></i>
<i class="flag-ar"></i>
<i class="flag-as"></i>
<i class="flag-at"></i>
<i class="flag-au"></i>
<i class="flag-aw"></i>
<i class="flag-ax"></i>
<i class="flag-az"></i>
<i class="flag-ba"></i>
<i class="flag-bb"></i>
<i class="flag-bd"></i>
<i class="flag-be"></i>
<i class="flag-bf"></i>
<i class="flag-bg"></i>
<i class="flag-bh"></i>
<i class="flag-bi"></i>
<i class="flag-bj"></i>
<i class="flag-bl"></i>
<i class="flag-bm"></i>
<i class="flag-bn"></i>
<i class="flag-bo"></i>
<i class="flag-bq"></i>
<i class="flag-br"></i>
<i class="flag-bs"></i>
<i class="flag-bt"></i>
<i class="flag-bv"></i>
<i class="flag-bw"></i>
<i class="flag-by"></i>
<i class="flag-bz"></i>
<i class="flag-ca"></i>
<i class="flag-cc"></i>
<i class="flag-cd"></i>
<i class="flag-cf"></i>
<i class="flag-cg"></i>
<i class="flag-ch"></i>
<i class="flag-ci"></i>
<i class="flag-ck"></i>
<i class="flag-cl"></i>
<i class="flag-cm"></i>
<i class="flag-cn"></i>
<i class="flag-co"></i>
<i class="flag-cr"></i>
<i class="flag-cu"></i>
<i class="flag-cv"></i>
<i class="flag-cw"></i>
<i class="flag-cx"></i>
<i class="flag-cy"></i>
<i class="flag-cz"></i>
<i class="flag-de"></i>
<i class="flag-dj"></i>
<i class="flag-dk"></i>
<i class="flag-dm"></i>
<i class="flag-do"></i>
<i class="flag-dz"></i>
<i class="flag-ec"></i>
<i class="flag-ee"></i>
<i class="flag-eg"></i>
<i class="flag-eh"></i>
<i class="flag-er"></i>
<i class="flag-es"></i>
<i class="flag-et"></i>
<i class="flag-fi"></i>
<i class="flag-fj"></i>
<i class="flag-fk"></i>
<i class="flag-fm"></i>
<i class="flag-fo"></i>
<i class="flag-fr"></i>
<i class="flag-ga"></i>
<i class="flag-gb"></i>
<i class="flag-gd"></i>
<i class="flag-ge"></i>
<i class="flag-gf"></i>
<i class="flag-gg"></i>
<i class="flag-gh"></i>
<i class="flag-gi"></i>
<i class="flag-gl"></i>
<i class="flag-gm"></i>
<i class="flag-gn"></i>
<i class="flag-gp"></i>
<i class="flag-gq"></i>
<i class="flag-gr"></i>
<i class="flag-gs"></i>
<i class="flag-gt"></i>
<i class="flag-gu"></i>
<i class="flag-gw"></i>
<i class="flag-gy"></i>
<i class="flag-hk"></i>
<i class="flag-hm"></i>
<i class="flag-hn"></i>
<i class="flag-hr"></i>
<i class="flag-ht"></i>
<i class="flag-hu"></i>
<i class="flag-id"></i>
<i class="flag-ie"></i>
<i class="flag-il"></i>
<i class="flag-im"></i>
<i class="flag-in"></i>
<i class="flag-io"></i>
<i class="flag-iq"></i>
<i class="flag-ir"></i>
<i class="flag-is"></i>
<i class="flag-it"></i>
<i class="flag-je"></i>
<i class="flag-jm"></i>
<i class="flag-jo"></i>
<i class="flag-jp"></i>
<i class="flag-ke"></i>
<i class="flag-kg"></i>
<i class="flag-kh"></i>
<i class="flag-ki"></i>
<i class="flag-km"></i>
<i class="flag-kn"></i>
<i class="flag-kp"></i>
<i class="flag-kr"></i>
<i class="flag-kw"></i>
<i class="flag-ky"></i>
<i class="flag-kz"></i>
<i class="flag-la"></i>
<i class="flag-lb"></i>
<i class="flag-lc"></i>
<i class="flag-li"></i>
<i class="flag-lk"></i>
<i class="flag-lr"></i>
<i class="flag-ls"></i>
<i class="flag-lt"></i>
<i class="flag-lu"></i>
<i class="flag-lv"></i>
<i class="flag-ly"></i>
<i class="flag-ma"></i>
<i class="flag-mc"></i>
<i class="flag-md"></i>
<i class="flag-me"></i>
<i class="flag-mf"></i>
<i class="flag-mg"></i>
<i class="flag-mh"></i>
<i class="flag-mk"></i>
<i class="flag-ml"></i>
<i class="flag-mm"></i>
<i class="flag-mn"></i>
<i class="flag-mo"></i>
<i class="flag-mp"></i>
<i class="flag-mq"></i>
<i class="flag-mr"></i>
<i class="flag-ms"></i>
<i class="flag-mt"></i>
<i class="flag-mu"></i>
<i class="flag-mv"></i>
<i class="flag-mw"></i>
<i class="flag-mx"></i>
<i class="flag-my"></i>
<i class="flag-mz"></i>
<i class="flag-na"></i>
<i class="flag-nc"></i>
<i class="flag-ne"></i>
<i class="flag-nf"></i>
<i class="flag-ng"></i>
<i class="flag-ni"></i>
<i class="flag-nl"></i>
<i class="flag-no"></i>
<i class="flag-np"></i>
<i class="flag-nr"></i>
<i class="flag-nu"></i>
<i class="flag-nz"></i>
<i class="flag-om"></i>
<i class="flag-pa"></i>
<i class="flag-pe"></i>
<i class="flag-pf"></i>
<i class="flag-pg"></i>
<i class="flag-ph"></i>
<i class="flag-pk"></i>
<i class="flag-pl"></i>
<i class="flag-pm"></i>
<i class="flag-pn"></i>
<i class="flag-pr"></i>
<i class="flag-ps"></i>
<i class="flag-pt"></i>
<i class="flag-pw"></i>
<i class="flag-py"></i>
<i class="flag-qa"></i>
<i class="flag-re"></i>
<i class="flag-ro"></i>
<i class="flag-rs"></i>
<i class="flag-ru"></i>
<i class="flag-rw"></i>
<i class="flag-sa"></i>
<i class="flag-sb"></i>
<i class="flag-sc"></i>
<i class="flag-sd"></i>
<i class="flag-se"></i>
<i class="flag-sg"></i>
<i class="flag-sh"></i>
<i class="flag-si"></i>
<i class="flag-sj"></i>
<i class="flag-sk"></i>
<i class="flag-sl"></i>
<i class="flag-sm"></i>
<i class="flag-sn"></i>
<i class="flag-so"></i>
<i class="flag-sr"></i>
<i class="flag-ss"></i>
<i class="flag-st"></i>
<i class="flag-sv"></i>
<i class="flag-sx"></i>
<i class="flag-sy"></i>
<i class="flag-sz"></i>
<i class="flag-tc"></i>
<i class="flag-td"></i>
<i class="flag-tf"></i>
<i class="flag-tg"></i>
<i class="flag-th"></i>
<i class="flag-tj"></i>
<i class="flag-tk"></i>
<i class="flag-tl"></i>
<i class="flag-tm"></i>
<i class="flag-tn"></i>
<i class="flag-to"></i>
<i class="flag-tr"></i>
<i class="flag-tt"></i>
<i class="flag-tv"></i>
<i class="flag-tw"></i>
<i class="flag-tz"></i>
<i class="flag-ua"></i>
<i class="flag-ug"></i>
<i class="flag-um"></i>
<i class="flag-us"></i>
<i class="flag-uy"></i>
<i class="flag-uz"></i>
<i class="flag-va"></i>
<i class="flag-vc"></i>
<i class="flag-ve"></i>
<i class="flag-vg"></i>
<i class="flag-vi"></i>
<i class="flag-vn"></i>
<i class="flag-vu"></i>
<i class="flag-wf"></i>
<i class="flag-ws"></i>
<i class="flag-ye"></i>
<i class="flag-yt"></i>
<i class="flag-za"></i>
<i class="flag-zm"></i>
<i class="flag-zw"></i>
<i class="flag-es-ct"></i>
<i class="flag-eu"></i>
<i class="flag-gb-eng"></i>
<i class="flag-gb-nir"></i>
<i class="flag-gb-sct"></i>
<i class="flag-gb-wls"></i>
<i class="flag-un"></i>
<p>Squared</p>
<i class="flag-us wn-flag-squared"></i>
```
Loading

0 comments on commit e0f672f

Please sign in to comment.