Skip to content

Conversation

@CySSoO
Copy link
Contributor

@CySSoO CySSoO commented Jan 13, 2026

Motivation

  • The Prettyblock iframe embeds showed an unwanted extra height and visible scrollbars causing layout issues.
  • Add a consistent identifier to iframes to allow targeted styling and remove baseline gaps.
  • Prevent scrollbars from appearing inside embedded videos/maps for a cleaner UI.
  • Ensure both stock and custom iframe templates are covered.

Description

  • Added everblock-prettyblock-iframe class to views/templates/hook/prettyblocks/prettyblock_iframe.tpl and views/templates/hook/prettyblocks/prettyblock_custom_iframe.tpl.
  • Added scrolling="no" attribute to Prettyblock iframes to suppress internal scrollbars.
  • Added CSS rules in views/css/everblock.css to set display: block, overflow: hidden, max-width: 100%, and hide scrollbars using scrollbar-width: none and ::-webkit-scrollbar.
  • Applied the class to all iframe variants (YouTube, Vimeo, Dailymotion, Vidyard and custom iframe) to ensure consistent behavior.

Testing

  • Attempted an automated Playwright screenshot of http://localhost/, which failed with net::ERR_EMPTY_RESPONSE.
  • No other automated tests were run.

Codex Task

@CySSoO CySSoO merged commit f079fdd into master Jan 13, 2026
2 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants