[CSS Help] Bring a button to forward in the top bar

[Fabien_Vermot]

Hello,

I need to add an action button in the top bar of my app. I used CSS to move the button to the top right but the button stays back (cf. the following screenshot)

Any idea how can i bring this button to forward ?

Thanks for your help

[ThinhDinh]

I did try doing the same thing not too long ago but z-index messed up one component or another.

[Fabien_Vermot]

I tried too z-index but nothing works correctly and the button still stays back, just behind the top bar.
I’m still looking for another option

[Robert_Petitto]

Could this help?

Tell Glide how you use CSS

Thanks for taking the time to address this, @Jason. I’m sure this thread will become pretty long, pretty quickly. CSS Use: More efficient use of space Every component takes up visual real estate. I use CSS often to adjust the margins/paddings/locations of components to make better use of space so that content isn’t “below the fold”. Before: [Screen Shot 2021-06-04 at 2.43.21 PM] After: [Screen Shot 2021-06-04 at 2.43.29 PM] <pre><span><style> [data-test="app-summary"] { margin-top: -90…

[Uzo]

try to disable the top bar:

/*media only screen */ 
/*Hide svg at the top——————————————*/
.jiuuwu svg { display: none; }
/*Hide tytle at the top——————————————*/
[data-test="glide-app-bar"] {display: none}

[Fabien_Vermot]

Thanks @Robert_Petitto & @Uzo
It will be useful for some other projects but not for this one. I finally changed my mind : i let my button in the screen but i used CSS code to disabled it until all the other fields/components are not fulfilled