This looks great Lucas!
One question: how did you get the top-banner to be a picture “on top” or “behind” the Title picture?
2nd code in this topic
Wicked! Thank you!
Como le puso su foto alli
Very cool!! Thanks for sharing
Looking good
I’m curious, is there a way to apply this CSS globally without having to add the same rich text component to every tab?
As far as I aware there isn’t one.
I really need this compact design Bob - care to share the trickery?
The one with the button in the title?
Yep
I think this is the one (I’m away from my computer at the moment).
<pre><span><style>
[data-test="app-summary"] {
margin-top: -90px;
}
[data-test="glide-app-bar"] :nth-child(1) {
background: transparent !important;
}
[data-test="glide-app-bar"] >* {
backdrop-filter: blur(0px);
background:transparent;
-webkit-backdrop-filter: blur(2px);
}
#app-root div[opacity='1'] {
color: transparent;
}
[data-test="app-summary"] >:nth-child(1) {
height: 150px !important;
}
That’s great help, tinkering with it now
The trick is to make a template column in the sheets you reference (or in your sheet named as the ‘User Profile’ as you can always reference these values (mostly) ) and put your CSS in the template.
Yep, already doing this.
Just have to add the component to all pages and it doesn’t work on Non-Detail Views where it’s not possible to add components.
Love this:
Nothing special, but here’s an alternative design for the Choice Bar component
Code:
[data-test="app-inline-picker"] .ips-inner {
background: #fff;
}
.bYahys {
color: rgb(0 0 0);
}
To edit the the active Choice
.dMZZie {
box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
color: #ffffff;
background-color: #000000;
}
Thank you for sharing, this looks great. However the class name in the second one might vary from app to app.
Edited out 