No problem, man…I found it
1 Like
This need to be a different approach, right now we found semi solution, but the best way would be, to target the right panel.
no, we already get better results… it have to be only above right panel
<img class="back_image" src="IMAGE">
<pre><span><style>
.back_image{
position:fixed;
width:120%;
max-width:705px;
height:calc(16.7% + 1px);
margin-left:3px;
-ms-transform: translate(-8%, -90%);
transform: translate(-2%, -90%);
z-index:1;
}
.jiuuwu svg {
display: none;
}
[data-test="glide-app-bar"]
{display: none}
can you add inline list, so it will split screen in two panels? and than you see how it looks like?
yes, thats my problem… we are trying to target specific panel
1 Like
this is a working sample what i’m doing… please don’t laugh… is just a structure for now, it will be good in few days
you can switch there to tablet view to see how it looks like… in mobile view, everything looks good then you switch to tablet… and this is when i need help… we were able to cheat a little so is acceptable … (check by clicking book floating button in tablet mode)
Just to know.
What was robert’s idea for .left .right?
That what he come up with list view…
<pre><span><style> .left-panel .card-title { font-size: .4rem !important; } .right-panel .card-title { font-size: 2rem !important; }
I hope @hisashi.fujita will take a look at this… he have a unique solutions.
Nobody really take a chance on tablets css… and most of my customers use desktops to work with my Apps… and Glide is not really working on desktop experience 
@Uzo , thank you for calling.
I checked your app in tablet / PC mode.
What kind of design is your goal?
Check this conversation, you will know what is the problem, trying to adjust images, boxes… to the with and positions of right panel in desktop view… but at the same time not ruin mobile view, and they have to be in fixed position, click the second floating button with the book icon… there is sample we already fixed… but still is not a perfect solution, it requires photoshop fixing
Are you aiming to place the “book gif” in the upper right corner?
And would you please present your CSS for this gif image?
No, just like in the first screen when you click book button, center of the right panel, fixed, on top
If you can find how to relate size of image to a size of right panel, that will also work on mobile view
after 1 day of fighting with CSS settings, finally got what i want… here is the finished version (you can check mobile… than switch to tablet, both modes looks good!) :
thank you guys for helping… specially @Manu.n , your version was the closest one to the perfection!
2 Likes