diff --git a/.changeset/brave-pigs-unite.md b/.changeset/brave-pigs-unite.md new file mode 100644 index 000000000..a0ff3a09d --- /dev/null +++ b/.changeset/brave-pigs-unite.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Order menu items alphabetically diff --git a/.changeset/eight-ladybugs-invite.md b/.changeset/eight-ladybugs-invite.md new file mode 100644 index 000000000..aa9e2c6c8 --- /dev/null +++ b/.changeset/eight-ladybugs-invite.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Remove invalid `z-index` setting for dropdowns diff --git a/.changeset/hungry-poets-speak.md b/.changeset/hungry-poets-speak.md new file mode 100644 index 000000000..3958fa825 --- /dev/null +++ b/.changeset/hungry-poets-speak.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fix ids of custom size star ratings diff --git a/.changeset/kind-days-sneeze.md b/.changeset/kind-days-sneeze.md new file mode 100644 index 000000000..90ef35731 --- /dev/null +++ b/.changeset/kind-days-sneeze.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Set `font-size` of an `i` element with `icon` class in a `button` element diff --git a/.changeset/light-beers-study.md b/.changeset/light-beers-study.md new file mode 100644 index 000000000..a68f889d9 --- /dev/null +++ b/.changeset/light-beers-study.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fix description of alerts with a description diff --git a/.changeset/perfect-trainers-rush.md b/.changeset/perfect-trainers-rush.md new file mode 100644 index 000000000..3519f5bd9 --- /dev/null +++ b/.changeset/perfect-trainers-rush.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fix layout of search results for small and medium screens diff --git a/.changeset/popular-news-sell.md b/.changeset/popular-news-sell.md new file mode 100644 index 000000000..65d4420de --- /dev/null +++ b/.changeset/popular-news-sell.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Remove `text-decoration` on hovering `a` element with class having `icon` class diff --git a/.changeset/selfish-avocados-battle.md b/.changeset/selfish-avocados-battle.md new file mode 100644 index 000000000..36c84e7f3 --- /dev/null +++ b/.changeset/selfish-avocados-battle.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Set value of `$font-family-monospace` as default diff --git a/.changeset/soft-suits-count.md b/.changeset/soft-suits-count.md new file mode 100644 index 000000000..77001746e --- /dev/null +++ b/.changeset/soft-suits-count.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Do not display empty `fieldset` element diff --git a/.changeset/webfont-unpkg.md b/.changeset/webfont-unpkg.md new file mode 100644 index 000000000..17f210500 --- /dev/null +++ b/.changeset/webfont-unpkg.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fix link to webfont version of Tabler Icons \ No newline at end of file diff --git a/docs/icons/static-files/png.mdx b/docs/icons/static-files/png.mdx index b6998cff3..1e94c9e4c 100644 --- a/docs/icons/static-files/png.mdx +++ b/docs/icons/static-files/png.mdx @@ -15,6 +15,16 @@ All PNG files are stored in `icons` subdirectory. ## CDN +Replace `$ICONS_VERSION` with `latest` or any specific version you need. + +#### Outline version + ```html - + +``` + +#### Filled version + +```html + ``` diff --git a/docs/icons/static-files/svg.mdx b/docs/icons/static-files/svg.mdx index 748e334bb..5731b1b63 100644 --- a/docs/icons/static-files/svg.mdx +++ b/docs/icons/static-files/svg.mdx @@ -70,6 +70,16 @@ Add an icon to be displayed on your page with the following markup (`activity` i ## CDN +Replace `$ICONS_VERSION` with `latest` or any specific version you need. + +#### Outline version + ```html - + +``` + +#### Filled version + +```html + ``` diff --git a/src/pages/_data/menu.yml b/src/pages/_data/menu.yml index b9adbcee7..58dd7df2f 100644 --- a/src/pages/_data/menu.yml +++ b/src/pages/_data/menu.yml @@ -8,12 +8,12 @@ base: icon: package columns: 2 children: - alerts: - title: Alerts - url: alerts.html accordion: title: Accordion url: accordion.html + alerts: + title: Alerts + url: alerts.html authentication: title: Authentication children: @@ -47,13 +47,13 @@ base: 2-step-verification-code: title: 2 step verification code url: 2-step-verification-code.html - blank: - title: Blank page - url: blank.html badges: url: badges.html title: Badges badge: New + blank: + title: Blank page + url: blank.html buttons: url: buttons.html title: Buttons @@ -78,13 +78,13 @@ base: charts: url: charts.html title: Charts - colors: - url: colors.html - title: Colors colorpicker: url: colorpicker.html title: Color picker badge: New + colors: + url: colors.html + title: Colors datagrid: url: datagrid.html title: Data grid @@ -152,7 +152,6 @@ base: pagination: url: pagination.html title: Pagination - icon: pie-chart placeholder: url: placeholder.html title: Placeholder @@ -160,33 +159,33 @@ base: title: Social icons url: social-icons.html badge: New - steps: - url: steps.html - title: Steps - badge: New stars-rating: title: Stars rating url: stars-rating.html badge: New + steps: + url: steps.html + title: Steps + badge: New + tables: + url: tables.html + title: Tables tabs: url: tabs.html title: Tabs tags: url: tags.html title: Tags - tables: - url: tables.html - title: Tables + tinymce: + title: TinyMCE + url: tinymce.html + badge: New toasts: title: Toasts url: toasts.html typography: title: Typography url: typography.html - tinymce: - title: TinyMCE - url: tinymce.html - badge: New forms: url: form-elements.html @@ -199,42 +198,34 @@ extra: icon: star columns: 2 children: - empty: - title: Empty page - url: empty.html - cookie-banner: - title: Cookie banner - url: cookie-banner.html - badge: New + activity: + title: Activity + url: activity.html chat: title: Chat url: chat.html badge: New - activity: - title: Activity - url: activity.html + cookie-banner: + title: Cookie banner + url: cookie-banner.html + badge: New + empty: + title: Empty page + url: empty.html + faq: + url: faq.html + title: FAQ + badge: New gallery: title: Gallery url: gallery.html invoice: title: Invoice url: invoice.html - search-results: - title: Search results - url: search-results.html - pricing: - url: pricing.html - title: Pricing cards - pricing-table: - url: pricing-table.html - title: Pricing table - faq: - url: faq.html - title: FAQ + job-listing: + title: Job listing + url: job-listing.html badge: New - users: - title: Users - url: users.html license: title: License url: license.html @@ -245,35 +236,6 @@ extra: music: title: Music url: music.html - photogrid: - title: Photogrid - url: photogrid.html - badge: New - tasks: - title: Tasks - url: tasks.html - badge: New - uptime: - title: Uptime monitor - url: uptime.html - widgets: - title: Widgets - url: widgets.html - wizard: - title: Wizard - url: wizard.html - settings: - title: Settings - url: settings.html - badge: New - trial-ended: - title: Trial ended - url: trial-ended.html - badge: New - job-listing: - title: Job listing - url: job-listing.html - badge: New page-loader: title: Page loader url: page-loader.html @@ -282,52 +244,89 @@ extra: title: Payment providers url: payment-providers.html badge: New + photogrid: + title: Photogrid + url: photogrid.html + badge: New + pricing: + url: pricing.html + title: Pricing cards + pricing-table: + url: pricing-table.html + title: Pricing table + search-results: + title: Search results + url: search-results.html + settings: + title: Settings + url: settings.html + badge: New + tasks: + title: Tasks + url: tasks.html + badge: New + trial-ended: + title: Trial ended + url: trial-ended.html + badge: New + uptime: + title: Uptime monitor + url: uptime.html + users: + title: Users + url: users.html + widgets: + title: Widgets + url: widgets.html + wizard: + title: Wizard + url: wizard.html layout: icon: layout-2 title: Layout columns: 2 children: - horizontal: - url: layout-horizontal.html - title: Horizontal boxed: url: layout-boxed.html title: Boxed badge: New - vertical: - url: layout-vertical.html - title: Vertical - vertical-transparent: - url: layout-vertical-transparent.html - title: Vertical transparent - vertical-right: - url: layout-vertical-right.html - title: Right vertical - condensed: - url: layout-condensed.html - title: Condensed combo: url: layout-combo.html title: Combined - navbar-dark: - url: layout-navbar-dark.html - title: Navbar dark - navbar-sticky: - url: layout-navbar-sticky.html - title: Navbar sticky - navbar-overlap: - url: layout-navbar-overlap.html - title: Navbar overlap - rtl-mode: - url: layout-rtl.html - title: RTL mode + condensed: + url: layout-condensed.html + title: Condensed fluid: url: layout-fluid.html title: Fluid fluid-vertical: url: layout-fluid-vertical.html title: Fluid vertical + horizontal: + url: layout-horizontal.html + title: Horizontal + navbar-dark: + url: layout-navbar-dark.html + title: Navbar dark + navbar-overlap: + url: layout-navbar-overlap.html + title: Navbar overlap + navbar-sticky: + url: layout-navbar-sticky.html + title: Navbar sticky + vertical-right: + url: layout-vertical-right.html + title: Right vertical + rtl-mode: + url: layout-rtl.html + title: RTL mode + vertical: + url: layout-vertical.html + title: Vertical + vertical-transparent: + url: layout-vertical-transparent.html + title: Vertical transparent icons: title: "%ICONS_COUNT% icons" diff --git a/src/pages/_includes/layout/css.html b/src/pages/_includes/layout/css.html index 04e79cc26..c1afc95ce 100644 --- a/src/pages/_includes/layout/css.html +++ b/src/pages/_includes/layout/css.html @@ -1,6 +1,6 @@ {% if site.use-iconfont %} - + {% endif %} {% assign libs = page.libs | default: layout.libs %} diff --git a/src/pages/alerts.html b/src/pages/alerts.html index 1dfe54b5b..875041c8a 100644 --- a/src/pages/alerts.html +++ b/src/pages/alerts.html @@ -45,7 +45,7 @@ page-header: Alerts

Alert with a description

-

Build on any alert by adding an optional .alert-dismissible and close button.

+

Add a description to the alert to provide additional information.

{% include ui/alert.html type="success" show-description=true show-icon=true %} {% include ui/alert.html type="warning" show-description=true show-icon=true %} {% include ui/alert.html type="danger" show-description=true show-icon=true %} diff --git a/src/pages/search-results.html b/src/pages/search-results.html index 2ebf7d65a..dcb0f4739 100644 --- a/src/pages/search-results.html +++ b/src/pages/search-results.html @@ -5,10 +5,10 @@ menu: extra.search-results ---
-
+
{% include parts/nav/nav-aside.html %}
-
+
{% assign photos = site.data.photos | where: "horizontal", true %} diff --git a/src/pages/stars-rating.html b/src/pages/stars-rating.html index 0718cea2a..804c9ad03 100644 --- a/src/pages/stars-rating.html +++ b/src/pages/stars-rating.html @@ -56,8 +56,8 @@ menu: base.stars-rating
{% include ui/rating.html id="size-sm" value=3 size="sm" %} {% include ui/rating.html id="size-primary" value=3 %} - {% include ui/rating.html id="size-red" value=3 size="md" %} - {% include ui/rating.html id="size-lime" value=3 size="lg" %} + {% include ui/rating.html id="size-md" value=3 size="md" %} + {% include ui/rating.html id="size-lg" value=3 size="lg" %}
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index eebe0be7a..d891633e1 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -26,7 +26,7 @@ $font-icons: () !default; /* prettier-ignore */ $font-family-sans-serif: unquote("#{if($font-local, "#{$font-local}, ", ' ')}#{if($font-google, "#{$font-google}, ", ' ')}") 'Inter Var', Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif !default; /* prettier-ignore */ -$font-family-monospace: unquote("#{if($font-google-monospaced, "#{$font-google-monospaced}, ", '')}") Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; +$font-family-monospace: unquote("#{if($font-google-monospaced, "#{$font-google-monospaced}, ", '')}") Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !default; $font-family-serif: "Georgia", "Times New Roman", times, serif !default; //Icons @@ -605,8 +605,6 @@ $card-header-tabs-bg: var(--#{$prefix}bg-surface-tertiary) !default; $cards-grid-gap: var(--#{$prefix}page-padding) !default; $cards-grid-breakpoint: lg !default; -$zindex-dropdown: 1; - // Carousel $carousel-control-color: $white !default; $carousel-control-icon-width: 1.5rem !default; diff --git a/src/scss/ui/_buttons.scss b/src/scss/ui/_buttons.scss index d3ab2e2bb..8e36591d6 100644 --- a/src/scss/ui/_buttons.scss +++ b/src/scss/ui/_buttons.scss @@ -23,6 +23,7 @@ width: var(--#{$prefix}btn-icon-size); height: var(--#{$prefix}btn-icon-size); min-width: var(--#{$prefix}btn-icon-size); + font-size: var(--#{$prefix}btn-icon-size); margin: 0 calc(var(--#{$prefix}btn-padding-x) / 2) 0 calc(var(--#{$prefix}btn-padding-x) / -4); vertical-align: bottom; color: inherit; diff --git a/src/scss/ui/_forms.scss b/src/scss/ui/_forms.scss index f80bcc620..78572fbf2 100644 --- a/src/scss/ui/_forms.scss +++ b/src/scss/ui/_forms.scss @@ -130,6 +130,10 @@ Form control border-radius: var(--#{$prefix}border-radius); } +fieldset:empty { + display: none; +} + /** Form help */ diff --git a/src/scss/ui/_type.scss b/src/scss/ui/_type.scss index 0442ee497..5767b3132 100644 --- a/src/scss/ui/_type.scss +++ b/src/scss/ui/_type.scss @@ -163,6 +163,10 @@ Links } } +a:hover:has(.icon) { + text-decoration: none; +} + /** Subheader */