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 