biotope / biotope/biotope-element

Add `display: block` to host mixin

Open
#288 2 comments 0 reactions 0 assignees View on GitHub
discussion
Dominant language
TypeScript
Stars
15
Forks
5
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
As of now, a bioElement that uses the host mixin doesn't have `display: block` which leads to the element not showing up properly when inspected in chrome DEV tools.

**Describe the solution you'd like**
Add `display: block` to the host mixin.

**Additional context**
Without `display: block`
![image](https://user-images.githubusercontent.com/16318844/72140632-71c17600-3391-11ea-875b-ae0579967ade.png)
With `display: block`
![image](https://user-images.githubusercontent.com/16318844/72140660-7f76fb80-3391-11ea-8c47-e577bae00870.png)

Contributor guide

Open the contributing guide

Research direction

Locate the host mixin used by bioElement and inspect how its styles are defined. Add the requested display rule, then verify in Chrome DevTools that a bioElement using the mixin is displayed properly.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.