Closed malgojaviro closed 2 months ago
Recent changes encompass diverse updates across files, primarily refining CSS styling for components like lr-drop-area
and lr-file-item
. Enhancements also revise class and static properties, streamline consistency, and integrate new attributes for improved control flows and visual consistency. These alterations enrich both functionality and appearance, ensuring a more polished user interface.
File(s) | Change Summary |
---|---|
.stylelintrc.cjs |
Removed rules for plugin/stylelint-force-app-name-prefix . |
README.md |
Updated image source URL for Uploadcare Blocks examples. |
abstract/ActivityBlock.js |
Removed CONFIRMATION from activities. |
abstract/Block.js |
Added styleAttrs static property; updated connectedCallback logic. |
abstract/SolutionBlock.js |
Added styleAttrs = ['lr-wgt-common'] ; adjusted uploaderBlockCtx import order. |
blocks/.../activity-header.css |
Adjusted styling properties like color , gap , and padding within lr-activity-header class. |
blocks/.../camera-source.css |
Updated background-color , border-radius , width, padding, and other styling properties with new custom properties. |
blocks/.../CloudImageEditorBlock.js |
Changed className to styleAttrs with value ['lr-cloud-image-editor'] . |
blocks/.../CropFrame.js |
Changed stroke color from #000000 to currentColor . |
blocks/.../EditorScroller.js |
Added event listeners for wheel and scroll events and specific handling for deltaX and deltaY . |
blocks/.../EditorToolbar.js |
Updated button themes and adjusted icons within the editor toolbar. |
blocks/.../index.css |
Updated background-color and modal width calculation for CloudImageEditorActivity . |
blocks/.../DropArea.js |
Added styleAttrs static property extending existing styleAttrs . |
blocks/.../drop-area.css |
Adjusted padding, borders, colors, transitions, and sizes for lr-drop-area elements. |
blocks/.../ExternalSource.js |
Updated applyStyles() method with new CSS properties and localization attribute for the "done" button. |
blocks/.../buildStyles.js |
Accepted additional style options, applied them to CSS, adjusted color schemes. |
blocks/.../external-source.css |
Updated CSS variables, class selectors, widths, paddings, colors, and borders for lr-external-source . |
blocks/.../FileItem.js |
Adjusted styling properties for lr-file-item components such as grid-template-columns , gap , margin, padding, colors, and transitions. |
blocks/.../file-item.css |
Adjusted the styling and layout of lr-file-item elements, including custom properties for gap, height, colors, and transitions. |
sequenceDiagram
participant User
participant Block
participant StyleSystem
User->>Block: Interact with DropArea
Block->>StyleSystem: Apply new styles
StyleSystem-->>Block: Styles applied
Block-->>User: Styled DropArea
User->>Block: Interact with FileItem
Block->>StyleSystem: Apply new styles
StyleSystem-->>Block: Styles applied
Block-->>User: Styled FileItem
Change flows like the breezy air, Styles refined with utmost care. The DropArea now gleams with pride, Colors and radiance, side by side. FileItem dances, fresh and neat, Every userβs visual treat. Code evolves, improvements sing, In our digital spring. πΈ
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
What's left
theme.css
-dark
color valuesprimary
color derive from single variablefont-family
Summary by CodeRabbit
Bug Fixes
New Features
Style