I have made this awesome-looking app with CSS, but the CSS only works on my computer, and when I publish the app it doesn’t show.
<pre><span><style>
//The image area
.rOCYe {
flex-direction: row;
}
//The actual image
.rOCYe .image {
width: 140px !important;
position: relative !important;
padding:12px;
}
//the cards image container
.card-image-container {
background-color: rgb(30,34,43) !important;
width: 35% !important;
padding-bottom: 0% !important;
}
//The bottom area of the cards list
.rOCYe .bottom-area {
flex-direction: row;
}
//card title container
.rOCYe .card-title-container:not(:last-child) {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
//The actual card title
.rOCYe .card-title {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1rem;
}
//The small avatar image in cards list
.ijoIwu .placeholder, .ijoIwu > img, .ijoIwu > canvas {
width: 100px;
height: 100px;
border-radius: 0px;
margin-right:0px;
}
The small avatar image container
.rOCYe .card-footer .bottom-left-overlay {
flex-direction: row;
}
I already know what the problem is, I think. Texts like “.rOCYe” and “.ijoIwu” are only being triggered on my computer. But what can I do to replace this, so it still gets triggered?
Looks okay…you just can’t use unnamed classes (the .rOCYe etc.) just used the named classes. Some styles need to be marked important. Know that when Glide converts apps to Pages in 2024, this is going to break.
Yes apps will be phased out by end of next year. Pages will be the main product and you won’t be able to create a new “app”. Existing apps will become “Legacy Apps” and supported for an undetermined amount of time.
The timelines were a little vague but that info is from David himself.
oh… ok, lots of people will be very angry if they lose CSS, many of them paid big $ to make great Apps!
By the end of this year, we will create an alternative platform, that will have CSS elements, so I’m not worried about that… just feel bad for those who paid for Glide Apps… but if they stay as legacy, that’s good.
Yes if they stay Legacy that would be great but eventually the support could be dropped. There were mentions of an Apps to Pages converter which sounded much more powerful/ productive than what we have today. I’m not counting on it though
hmmm… cards have two images… you can move them into one row and adjust the sizes… or calculate positions in the inline list and make a horizontal card list with 6 columns… either way a lot of playing with CSS
