Hide project stats: Placement of buttons differs on different projects

[just-a-hriday]

Description

The spacing between the love and favourite buttons differs on different projects.

Repoduction steps

1. Apply the settings json file at the bottom.
2. Go to the first project in the Recent section of the Explore tab.
3. Go to the most loved and faved project (aka Paper Minecraft).
4. Compare the spacing between the love and favourite buttons and the view count of both projects.

Expectation

The love and fave buttons, and the remix and view counts (if enabled) should all be right next to each other.

Reality

The spacing between the buttons is completely different on different projects. I believe this is because the spacing between them remains the same as if the love and fave counts were still visible - which is futher proved by the fact that Paper Minecraft has way more spacing than any other project, and the most recently shared project (found in the Recent section of the Explore tab) does not have much.

Screenshots

Taken from the first two projects I saw, Goodnight Bubbles and Honeybee True or False respectively.

Environment

• Browser: Microsoft Edge Beta 93.0.961.27
• Scratch Addons version: v1.19.1
• Operating system: Windows 10 21H1 build 19041
• Settings JSON:

  {"core":{"lightTheme":false,"version":"1.19.1"},"addons":{"2d-color-picker":{"enabled":true,"settings":{}},"60fps":{"enabled":true,"settings":{"framerate":60}},"account-settings-capitalize":{"enabled":true,"settings":{}},"animated-thumb":{"enabled":false,"settings":{"persistentThumb":false}},"better-emojis":{"enabled":false,"settings":{}},"better-featured-project":{"enabled":true,"settings":{"blur":0}},"better-img-uploads":{"enabled":true,"settings":{"fitting":"fit"}},"better-quoter":{"enabled":false,"settings":{}},"bitmap-copy":{"enabled":true,"settings":{}},"block-palette-icons":{"enabled":true,"settings":{}},"block-switching":{"enabled":true,"settings":{"border":true,"control":true,"customargs":true,"customargsmode":"defOnly","data":true,"event":true,"extension":true,"looks":true,"motion":true,"noop":true,"operator":true,"sensing":true,"sound":true}},"blocks2image":{"enabled":true,"settings":{}},"cat-blocks":{"enabled":true,"settings":{"watch":false}},"clones":{"enabled":true,"settings":{}},"cloud-games":{"enabled":false,"settings":{}},"color-picker":{"enabled":true,"settings":{}},"comments-linebreaks":{"enabled":true,"settings":{}},"compact-messages":{"enabled":false,"settings":{"comment_padding":5,"hide_icons":false,"message_padding":5}},"confirm-actions":{"enabled":true,"settings":{"closingtopic":true,"followinguser":false,"joiningstudio":false,"projectsharing":true}},"copy-message-link":{"enabled":true,"settings":{}},"ctrl-click-run-scripts":{"enabled":false,"settings":{}},"ctrl-enter-post":{"enabled":true,"settings":{"comments":true,"forums":false}},"curator-link":{"enabled":true,"settings":{"styleAsNormalText":true}},"custom-block-shape":{"enabled":false,"settings":{"cornerSize":200,"notchSize":100,"paddingSize":100}},"custom-zoom":{"enabled":true,"settings":{"autohide":true,"maxZoom":500,"minZoom":40,"speed":"short","startZoom":68,"zoomSpeed":50}},"customize-avatar-border":{"enabled":false,"settings":{"fill-transparent":false,"hide-outline":false,"outline-color":"#4d97ff40"}},"dango-rain":{"enabled":false,"settings":{}},"dark-www":{"enabled":true,"settings":{"selectedMode":"experimental-dark"}},"data-category-tweaks-v2":{"enabled":true,"settings":{"moveReportersDown":true,"separateListCategory":true,"separateLocalVariables":true}},"debugger":{"enabled":true,"settings":{}},"default-project":{"enabled":true,"settings":{"projectId":558275622}},"disable-auto-save":{"enabled":false,"settings":{}},"disable-stage-drag-select":{"enabled":true,"settings":{}},"discuss-button":{"enabled":true,"settings":{"buttonName":"Discuss","removeIdeasBtn":true}},"drag-drop":{"enabled":true,"settings":{"use-hd-upload":true}},"editor-colored-context-menus":{"enabled":true,"settings":{}},"editor-dark-mode":{"enabled":true,"settings":{"accent":"#151515","activeTab":"#202020","affectPaper":true,"affectStage":true,"border":"#ffffff0d","categoryMenu":"#202020","darkComments":false,"darkScrollbars":true,"dots":true,"fullscreen":"#000000","highlightText":"#4d97ff","input":"#202020","menuBar":"#4d97ff","page":"#111111","palette":"#202020","primary":"#4d97ff","selectedMode":"3-darker","selector":"#202020","selector2":"#202020","selectorSelection":"#111111","stageHeader":"#000000","tab":"#151515","textShadow":false,"workspace":"#151515"}},"editor-devtools":{"enabled":true,"settings":{"enableCleanUpPlus":true,"enableMiddleClickFinder":true,"enablePasteBlocksAtMouse":true}},"editor-messages":{"enabled":true,"settings":{}},"editor-searchable-dropdowns":{"enabled":true,"settings":{}},"editor-sounds":{"enabled":true,"settings":{}},"editor-stage-left":{"enabled":false,"settings":{}},"editor-stepping":{"enabled":true,"settings":{"highlight-color":"#0000ff"}},"editor-theme3":{"enabled":true,"settings":{"Pen-color":"#0FBD8C","control-color":"#FFAB19","custom-color":"#5f49d8","data-color":"#FF8C1A","data-lists-color":"#FF661A","events-color":"#FFBF00","input-color":"#202020","looks-color":"#9966FF","motion-color":"#4C97FF","operators-color":"#59C059","sa-color":"#29BEB8","sensing-color":"#5CB1D6","sounds-color":"#CF63CF","text":"colorOnBlack"}},"exact-count":{"enabled":true,"settings":{"forumuser":true,"studio":true,"user":true}},"expanding-search-bar":{"enabled":true,"settings":{}},"feature-unshared":{"enabled":true,"settings":{}},"fix-pasted-scripts":{"enabled":true,"settings":{}},"fix-uploaded-svgs":{"enabled":true,"settings":{}},"folders":{"enabled":true,"settings":{}},"forum-copy-code":{"enabled":true,"settings":{}},"forum-quote-code-beautifier":{"enabled":true,"settings":{"bordercolor":"#28A5DA"}},"forum-search":{"enabled":true,"settings":{}},"forum-time-zones":{"enabled":true,"settings":{}},"forum-toolbar":{"enabled":true,"settings":{"center":true,"code":true,"color":true,"dictionary":false,"google":false,"wiki":true,"wp":true}},"full-signature":{"enabled":true,"settings":{"blocks":true,"signature":true,"whathappen":true,"whatworkingon":true}},"gamepad":{"enabled":true,"settings":{"hide":true}},"hide-delete-button":{"enabled":true,"settings":{"costumes":true,"sounds":true,"sprites":true}},"hide-flyout":{"enabled":true,"settings":{"speed":"short","toggle":"cathover"}},"hide-project-stats":{"enabled":true,"settings":{"favorites":true,"loves":true,"lovesFront":true,"remixes":true,"remixesFront":true,"views":false}},"image-uploader":{"enabled":true,"settings":{"project_thumbnails":false}},"infinite-scroll":{"enabled":true,"settings":{"forumScroll":true,"messageScroll":true,"profileCommentScroll":true,"projectScroll":true,"showFooter":false,"studioActivityScroll":true,"studioBrowseProjectScroll":true,"studioCuratorScroll":true,"studioProjectScroll":true,"studioScroll":true}},"initialise-sprite-position":{"enabled":true,"settings":{"library":false,"x":0,"y":0}},"items-per-row":{"enabled":false,"settings":{"projects":5,"search":4,"studioCurators":3,"studioProjects":3,"studios":4,"users":11}},"last-edit-tooltip":{"enabled":true,"settings":{}},"live-featured-project":{"enabled":true,"settings":{"alternativePlayer":"forkphorus","autoPlay":true,"enableTWAddons":true,"forceAlternative":true,"showMenu":false}},"load-extensions":{"enabled":true,"settings":{"music":false,"pen":true,"text2speech":false,"translate":false,"videoSensing":false}},"longer-wiwo":{"enabled":true,"settings":{}},"material-forum-editor-buttons":{"enabled":true,"settings":{}},"mediarecorder":{"enabled":true,"settings":{}},"message-filters":{"enabled":true,"settings":{}},"more-links":{"enabled":true,"settings":{}},"mouse-pos":{"enabled":true,"settings":{}},"msg-count-badge":{"enabled":false,"settings":{"color":"#175ef8","showOffline":true}},"mute-project":{"enabled":true,"settings":{}},"my-ocular":{"enabled":true,"settings":{"discuss":true,"profile":true,"reactions":true}},"name-backpack-items":{"enabled":true,"settings":{}},"no-script-bumping":{"enabled":true,"settings":{}},"old-studio-layout":{"enabled":false,"settings":{"version":"scratchr2"}},"onion-skinning":{"enabled":false,"settings":{"afterTint":"#0000FF","beforeTint":"#FF0000","default":false,"layering":"front","mode":"tint","next":0,"opacity":25,"opacityStep":10,"previous":1}},"paint-by-default":{"enabled":true,"settings":{"backdrop":"paint","costume":"upload","sound":"upload","sprite":"paint"}},"pause":{"enabled":true,"settings":{}},"progress-bar":{"enabled":true,"settings":{"height":5,"topbar":true}},"project-info":{"enabled":true,"settings":{"editorCount":true}},"project-notes-tabs":{"enabled":false,"settings":{}},"redirect-mobile-forums":{"enabled":true,"settings":{}},"remix-tree-button":{"enabled":true,"settings":{"buttonColor":"#4d97ff"}},"remove-curved-stage-border":{"enabled":true,"settings":{}},"remove-sprite-confirm":{"enabled":false,"settings":{}},"resizable-comment-input":{"enabled":false,"settings":{}},"scratch-messaging":{"enabled":false,"settings":{}},"scratch-notifier":{"enabled":true,"settings":{"becomeownerstudio_notifications":true,"commentsforme_notifications":true,"commentsonmyprojects_notifications":true,"curatorinvite_notifications":true,"favoriteproject_notifications":true,"followuser_notifications":true,"forumpost_notifications":true,"loveproject_notifications":true,"mark_as_read_when_clicked":true,"notification_sound":"system-default","remixproject_notifications":true,"studioactivity_notifications":false}},"scratchblocks":{"enabled":true,"settings":{}},"scratchr2":{"enabled":true,"settings":{"activeColor":"#4280d7","linkColor":"#4d97ff","primaryColor":"#4d97ff"}},"scratchstats":{"enabled":true,"settings":{}},"search-profile":{"enabled":true,"settings":{}},"semicolon":{"enabled":false,"settings":{}},"show-bbcode":{"enabled":true,"settings":{}},"studio-followers":{"enabled":true,"settings":{}},"studio-tools":{"enabled":true,"settings":{"mystufftools":true}},"transparent-orphans":{"enabled":true,"settings":{"block":2,"dragged":15,"orphan":50}},"true-youtube-links":{"enabled":true,"settings":{}},"turbowarp-player":{"enabled":true,"settings":{"action":"player","addons":true}},"user-id":{"enabled":true,"settings":{}},"variable-manager":{"enabled":true,"settings":{}},"youtube-fullscreen":{"enabled":true,"settings":{}}}}

[lisa-wolfgang]

This is because the addon creator (9gr) used the visibility CSS attribute, which keeps spacing intact, instead of the display attribute that removes the spacing.

I'm currently working on a fix for this that replaces the stat text with a love/favorite text label.

[FunctionalMetatable]

This is because the addon creator (9gr) used the visibility CSS attribute, which keeps spacing intact, instead of the display attribute that removes the spacing.

When I created this, I tried using display: none; but sadly it affected the ::before part (which kept the buttons intact) so I just used visibillity: visible; (which worked).