UCLALibrary / ucla-library-website-components

This is a library of Vue components that will be used in UCLA Library Nuxt websites.
Other
4 stars 1 forks source link

feat: APPS:2562 convert flexible-pull-quote component to vue3 #457

Closed jendiamond closed 4 months ago

jendiamond commented 4 months ago

Connected to APPS-2562

Component Created: Flexible/PullQuote.vue

Stories: ~/stories/Flexible_PullQuote.stories.js

Spec: ~/stories/Flexible_PullQuote.spec.js

Notes: May have to add this v-deep page level because of the RichText styling..

:deep(.pull-quote) {
    padding: 24px var(--spacing-text-left);
    --spacing-text-left: 64px;
    --container-width: $container-m-text + px;
  }

Screenshot 2024-02-21 at 4 57 10 PM
Screenshot 2024-02-21 at 12 20 26 PM
Screenshot 2024-02-21 at 12 21 51 PM

Updates PullQuote.vue with <RichText> for the text

Checklist:

github-actions[bot] commented 4 months ago

Percy Screenshots

In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually:

  1. Visit https://github.com/UCLALibrary/ucla-library-website-components/actions/workflows/percy.yml 2. Click the 'Run workflow' button in the blue bar. 3. Select the correct branch for this PR and click 'Run workflow' again to confirm.
github-actions[bot] commented 4 months ago

🚀 Deployed on https://deploy-preview-457--ucla-library-storybook-vue3x.netlify.app

pghorpade commented 4 months ago

:tada: This PR is included in version 2.39.0-alpha.42 :tada:

The release is available on:

Your semantic-release bot :package::rocket: