vipassana-design-standards 0.0.16 → 0.0.17

package/lib/vipassana/design_standards_helper.rb

@@ -31,7 +31,7 @@ module Vipassana
     end
 
     def vds_bootstrap_theme_js_tag(locale: I18n.locale, localhost: false)
-      javascript_include_tag vds_asset_url("js/bootstrap.bundle.min.js", localhost)
+      javascript_include_tag vds_asset_url("js/bootstrap5-theme.min.js", localhost)
     end
 
     def vds_logo_svg(locale: I18n.locale, disposition: "default", tagline: true, height: nil, width: nil)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vipassana-design-standards",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "Vipassana design standards materials",
   "homepage": "https://design-standards.dhamma.org",
   "author": "Dhamma Workers",
@@ -16,7 +16,7 @@
     "build-fonts": "cp src/stylesheets/specific-fonts/* dist/css/",
     "build-min": "cleancss --batch --batch-suffix '.min' dist/css/*.css",
     "build-css": "rm -f dist/css/* && npm run build-fonts && npm run build-sass && npm run build-rtl && npm run build-min",
-    "build-js": "rm -f dist/js/* && cp node_modules/bootstrap5/dist/js/bootstrap.bundle* dist/js/",
+    "build-js": "rm -f dist/js/* && concat -o dist/js/bootstrap5-theme.min.js node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js src/javascripts/auto-resize.js && cp node_modules/bootstrap5/dist/js/bootstrap.bundle.min.js.map dist/js/bootstrap5-theme.min.js.map",
     "build": "npm run build-css && npm run build-js",
     "dist": "npm run build && npm run dist-version-folder && npm publish",
     "dist-version-folder": "mkdir -p dist/$npm_package_version/css && mkdir -p dist/$npm_package_version/js && cp dist/css/* dist/$npm_package_version/css && cp dist/js/* dist/$npm_package_version/js"

package/src/javascripts/auto-resize.js

@@ -0,0 +1,30 @@
+// Auto resize a select so it takes only the selected option width
+
+document.addEventListener('DOMContentLoaded', () => {
+  // resize on initial load
+  document.querySelectorAll("select.auto-resize").forEach(resizeSelect)
+
+  // delegated listener on change
+  document.body.addEventListener("change", (e) => {
+    if (e.target.matches("select.auto-resize")) {
+      resizeSelect(e.target)
+    }
+  })
+})
+
+function resizeSelect(sel) {
+  let tempOption = document.createElement('option');
+  tempOption.textContent = sel.selectedOptions[0].textContent;
+
+  let tempSelect = document.createElement('select');
+  tempSelect.classList.add('form-select', 'w-auto', 'p-0')
+  tempSelect.style.visibility = "hidden";
+  tempSelect.style.position = "fixed"
+  tempSelect.appendChild(tempOption);
+
+  sel.after(tempSelect);
+  const paddingL = window.getComputedStyle(sel, null).getPropertyValue('padding-left')
+  const paddingR = window.getComputedStyle(sel, null).getPropertyValue('padding-right')
+  sel.style.width = `calc(${+tempSelect.clientWidth}px + 4px + ${paddingL} + ${paddingR})`;
+  tempSelect.remove();
+}

package/src/javascripts/i18n.js

@@ -13,6 +13,13 @@ export default {
     "in_the_tradition": "в Традицията на Саяджи У Ба Кин",
     "full": "Випассана Медитация, както се преподава от С. Н. Гоенка, в традицията на Саяджи У Ба Кин",
   },
+  "ca": {
+    "language": "Catalan",
+    "vipassana_meditation": "Meditació Vipassana",
+    "as_taught": "tal com l’ensenya S.N. Goenka",
+    "in_the_tradition": "en la tradició de Sayagyi U Ba Khin",
+    "full": "Meditació Vipassana tal com l’ensenya S.N. Goenka en la tradició de Sayagyi U Ba Khin"
+  },
   "cs": {
     "language": "Czech",
     "vipassana_meditation": "Meditace Vipassana",

package/src/stylesheets/custom-bootstrap.scss

@@ -38,6 +38,19 @@
 .btn-outline-secondary:hover {
   color: white;
 }
+.btn-with-icon {
+  display: inline-flex;
+  align-items: center;
+
+  img, i {
+    margin-right: .5rem;
+  }
+
+  img {
+    height: 1rem;
+  }
+}
+
 .text-bg-secondary {
   color: white !important;
 }
@@ -80,12 +93,12 @@
 }
 
 // Form
+.form-group {
+  margin-bottom: 1rem;
+}
 .form-check-input, .form-check-label {
   cursor: pointer;
 }
-.form-floating > label {
-  width: 100%;
-}
 .form-label {
   font-size: .9rem;
   opacity: .8;
@@ -93,18 +106,13 @@
 }
 .form-select {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3e%3cpath fill='none' stroke='%23a1a1a1' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  &.auto-resize {
+    padding-right: 2.3em;
+  }
 }
 .form-check {
   margin-bottom: .25rem;
 }
-[dir="rtl"] {
-  .form-floating > .form-control ~ label {
-    transform-origin: right;
-  }
-  .form-floating > .form-control:focus ~ label {
-    transform: scale(0.85) translateY(-1rem) translateX(-0.15rem);
-  }
-}
 .input-group-text {
   background-color: var(--bs-light);
 }

package/src/stylesheets/layout/vds-header.scss

@@ -35,7 +35,6 @@
 
   .vds-locale-picker {
     border: none;
-    padding-right: 2.3em;
     padding-left: 0.7em;
     color: $primary;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 18'%3e%3cpath fill='none' stroke='%231e3461' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

package/vipassana-design-standards.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |gem|
   gem.name          = 'vipassana-design-standards'
-  gem.version       = '0.0.16'
+  gem.version       = '0.0.17'
   # gem.license       = 'MIT'
   gem.summary       = 'Include Vipassana SVG logos in your pages'
   gem.description   = 'A ruby module to offer inline SVG images for each language'