search

NoDivide / astrum

A lightweight pattern library designed to be included with any web project.
http://astrum.nodividestudio.com
1.54k stars 98 forks source link

Component is hidden when using absolution positioning #171

Closed eirichmond closed 5 years ago

eirichmond commented 5 years ago

Tell us about the issue you are experiencing

in my patten library a component is showing a 'This component is hidden at this resolution.' panel instead of my component because my component has absolute positioning applied to it, if I disable absolute positioning it appears

What behaviour would you expect?

To show the component and its markup

How can this issue be replicated?

markup:

Coming Soon
css: .flash-tab { font-size: 13px; position: absolute; top: -10px; transform: rotate(15deg); padding: 6px 12px; right: 0px; opacity: .7; border-radius: 5px; color: #fff; &.tab--red { background: #F44336; } &.tab--blue { background: #2196F3; } &.tab--green { background: #4CAF50; } }

Screenshots / Screencast

screen shot 2018-12-01 at 10 59 10 screen shot 2018-12-01 at 11 06 09

Your environment

Platform: Mac OS Version: 10.13.6 Node Version: v9.4.0 NPM Version: 5.6.0 Astrum Version: 1.9.5

RyanHavoc commented 5 years ago

Hi. There’s a disabled_auto_sample_hiding option available for components. Search the README.md to find the details. That will allow you to override the behaviour you're seeing. Hope that helps.