Natejoestev Posts - Answer Overflow

Natejoestev

•Created by Natejoestev on 11/26/2024 in #front-end

multi-menu modal

I have a main site with mutlitple buttons. each one will open a popup modal that has options for that specific section. i have a modal component. i'm thinking how i should structure it either

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<Modal show={modalShow}>
  <MenuA bind:this={menuA}/>
  <MenuB bind:this={menuB}/>
  <MenuC bind:this={menuC}/>
</Modal>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

<MenuA bind:this={menuA}/>
<MenuB bind:this={menuB}/>
<MenuC bind:this={menuC}/>
<MainPage>
  <pagecontent />
</MainPage>

& each menu has a modal in it

87 replies

KPCKevin Powell - Community

•Created by Natejoestev on 11/23/2024 in #front-end

desktop/mobile reactive website

6 replies

KPCKevin Powell - Community

•Created by Natejoestev on 1/24/2024 in #front-end

css column expand to fit area

i have:

<div class="a">
  <button>Btn</button>
  <span>Text</span>
  <button>Btn</button>
</div>

<div class="a">
  <button>Btn</button>
  <span>Text</span>
  <button>Btn</button>
</div>

button {
  width: 4em;
}

button {
  width: 4em;
}

how can i make the span expand to fit the area given. *div is inside another element with a width.

11 replies

KPCKevin Powell - Community

•Created by Natejoestev on 1/23/2024 in #front-end

tooltip don't overflow parent right edge

2 replies

KPCKevin Powell - Community

•Created by Natejoestev on 1/14/2024 in #front-end

modal show/hide animations

I have a <modal> element. with a show animation (it changes opacity and zooms in). this works fine. but i can't find a way to have the same thing in reverse for closing.

11 replies

Gaming

Programming