Skip to content

[Designer] Remove border when background image is present and move logic to widget container class#8022

Merged
anna-dingler merged 1 commit intoanna/berlincontainerfrom
anna/backgroundImage
Nov 9, 2022
Merged

[Designer] Remove border when background image is present and move logic to widget container class#8022
anna-dingler merged 1 commit intoanna/berlincontainerfrom
anna/backgroundImage

Conversation

@anna-dingler
Copy link
Copy Markdown
Contributor

@anna-dingler anna-dingler commented Nov 7, 2022

Related Issue

Fixes #7958

Description

Removes border from Widgets Container if a background image has been set.

Also moved widget container styling changes to the WidgetContainer class.

Sample Card

https://github.com/microsoft/AdaptiveCards/blob/2facb28c481b7a16968158b81d2669853d689497/samples/v1.0/Scenarios/WeatherLarge.json

How Verified

Verified manually on the AdaptiveCards designer.

Microsoft Reviewers: Open in CodeFlow

@ghost
Copy link
Copy Markdown

ghost commented Nov 7, 2022

Hi @anna-dingler. Thanks for helping make the AdaptiveCards JS renderer + tooling better. As additional verification, once the JS build succeeds, please go to the test site to test out your website/designer changes.

@anna-dingler anna-dingler requested review from KesemZ, jwoo-msft, licanhua and paulcam206 and removed request for licanhua and paulcam206 November 7, 2022 23:30
this.appendErrorMessage(Strings.widgetOverflowWarning);
}
}
this._hostContainer.adjustStyleForWidgetBackground();
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should be calling an abstract method here so any host container can use this functionality

@anna-dingler anna-dingler merged commit 4cf3f3e into anna/berlincontainer Nov 9, 2022
@anna-dingler anna-dingler deleted the anna/backgroundImage branch November 9, 2022 23:55
anna-dingler added a commit that referenced this pull request Nov 10, 2022
* Switch padding to margin and update card heights

* Adjust width and height for border

* Switch header to use margins

* Update widget container styling

* Remove border when background image is present and move logic to widget container class (#8022)

* Remove host container logic from card designer surface
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants