Blocs for Mac V5.2 Beta Build 10

Blocs Beta
29

If you use the keyboard shortcut command+backspace does it crash when deleting items?

31

I’ve made a few tweaks to the layer tree in the next beta, let me know if it corrects the crash when using the context menu delete function.

2 Likes
32

Got that one fixed up ready for next beta.

1 Like
34

I have that fixed up in the next beta.

1 Like
35

Likely the type of window, there are a few to choose from. I’ll take a look.

3 Likes
36

Imageine you want e.g. 3 different images scrolling from right to left on the homepage from left to right in slow motion with no distance between them…

37

Well that was weird, after making a bunch of changes, suddenly the AI dialogue popped up, like when I open a project. I dismiss it, and all the changes I made disappeared, content, classes etc. It’s like the project was newly opened. This was like after 20mins :roll_eyes: :grimacing: :rofl:

No crashes or anything. Just the big reset!!!

38

@yellow, change the card width to 100%, make the adjustments to the image, 100% wide to what ever height you want. Pretty much how you build anything else.

You will find the slider container is using gap-20 (see browser inspector). If you add a class called gap-0 to the slider container/div it will over-ride and remove the gap.

gap-* are bootstrap classes.

There is no auto scroll.

39

+1 with that.

1 Like
40

Any iframes or external hosted JS loaded into the design canvas?

41

Actually the other windows could also stay visible. Such as class editor, asset manager, colors swatches, etc. It’s cumbersome to try dropping and image from Finder into the asset manager.

42

Hi @Norm ,

Would it be possible to have the code editor remember what section (sub-window) that you worked in last? For example, if I was in the CSS section, and I closed and then reopened the Code Editor, it would automatically be at the CSS section.

1 Like
44

Mouse over animations don’t seem to be working

45

Which animation styles (of the hover animations), which elements?

46

Ummm, it’s possible i was linking to a GSAP CDN.

But I can’t recall if that was before or after this.

47

I tried all of them on an image element.

48

Also, I placed this code in code editor:

.zoom {
        overflow-hidden;
}
.zoom img {
	width:100%;
	height:100%;
	transition: all 2.0s ease-in-out;
}
.zoom:hover img {
	transform: scale(1.2) rotate(10deg);
}

I wrapped an image in a div container and applied the zoom class to the div container.

Everything works but the transition animation does not. Am I missing something?

49

this should be… (the rest should work fine)

 .zoom {
  overflow: hidden;
}

I would probably write this…

.zoom {
        overflow: hidden;
}
.zoom img {
	width:100%;
	height:100%;
	transition: transform 2.0s ease-in-out;
}
.zoom:hover img {
	transform: scale(1.2) rotate(10deg);
}
51

It was a typo here only. The actual code is:

.zoom {
        overflow: hidden;
}
.zoom img {
	width:100%;
	height:100%;
	transition: transform 2.0s ease-in-out;
}
.zoom:hover img {
	transform: scale(1.2) rotate(10deg);
1 Like
52

The code should work fine.

Double check the class is on the div. Its always something obvious we miss it :laughing: