Remove the rounded border on scratch projects

DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
in Style Requests [?]

on scratch.mit.edu, if you look at any project, they have a rounded border, can someone make a style to remove that please

Comments

  • anagrammaranagrammar
    edited July 2019 [?]
    Try this: 
    @-moz-document url-prefix("https://scratch.mit.edu/projects") {
    div[class^="stage_stage-wrapper_"] > div {
        border-radius: 0!important;
    }
    }
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    edited July 2019 [?]
    thank you, it works perfectly, but doesnt work in full screen
  • anagrammaranagrammar
    [?]
    Remove the last underscore, because they modify the selector in full screen: 
    @-moz-document url-prefix("https://scratch.mit.edu/projects") {
    div[class^="stage_stage-wrapper"] > div {
        border-radius: 0!important;
    }
    }
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    [?]
    thank you, now i can record all of a scratch project without ugly corners
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    edited July 2019 [?]
    .
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    [?]
    ooh i know im asking for the world right now but is it possible to make the paint editor bigger so there is no white space
  • anagrammaranagrammar
    edited July 2019 [?]
    Problem is, you're wording these requests like everyone else is as familiar with this site as you are. If you want people to help, be exact. Nobody wants to guess, and then end up answering the same question again once they figure out what you mean.

    WTH is "the paint editor" and how do you get to it? Once you get there, exactly what "white space" are you talking about? Take a screenshot, and draw an arrow or circle it. Be proactive.
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    [?]
    oh, its when you edit/create a project and click the paint tab in the project editor
  • anagrammaranagrammar
    [?]
    You're not taking the hint here. The actual CSS is easy, and takes a minute or two, so people who know how to do it will probably be willing to help. Nobody wants to waste another 5 or 10 minutes figuring out how to navigate to the right page, and guessing what you mean by "white space".

    "White space" is actually a property in CSS, having to do with text wrapping. I assume you mean wasted, or empty space. Take all the guess work out of it when you ask for coding help. Provide a direct URL. TAKE A SCREENSHOT, where you use arrows to point out the relevant details, like which "tab" you're referring to, and what "white space" you wanna eliminate.
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    edited July 2019 [?]
    https://scratch.mit.edu/projects/editor/
    then click the "costumes" tab in the top left corner and you will see it
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    [?]
    i cant provide an image because i just keep getting an error
  • anagrammaranagrammar
    edited July 2019 [?]
    DogeIsCut (*Dogeiscut*) said:

    i cant provide an image because i just keep getting an error

    Huh? Get some decent screenshot software. I like Greenshot. Set it to automatically open screenshots in its editor so you can draw all over them.

    Since I had to guess what you want, I'm not fixing it if I guessed wrong. I assume you want the editor/canvas/image to utilize the available space, so that's what you get. I'm continuing to use partial attribute and generic selectors because I don't trust the random strings attached at the ends. Sites that do this tend to change the random stings constantly. 
    @-moz-document url-prefix("https://scratch.mit.edu/projects") {
    div[class^="stage_stage-wrapper"] > div {
        border-radius: 0!important;
    }
    }

    @-moz-document url-prefix("https://scratch.mit.edu/projects/editor") {
    div[class^="paint-editor_editor-container"][dir="ltr"],
    div[class^="paint-editor_editor-container"][dir="ltr"] > div:last-child,
    div[class^="paint-editor_editor-container"][dir="ltr"] > div:last-child > div:last-child {
        flex-basis: 100%!important;
    }

    div[class^="paint-editor_editor-container"][dir="ltr"] > div:last-child > div:last-child > div {
        width: 100%!important;
    }

    div[class^="paint-editor_editor-container"][dir="ltr"] > div:last-child > div:last-child > div:first-child {
        height: calc(100% - 34px)!important;
    }

    div[class^="paint-editor_editor-container"][dir="ltr"] > div:last-child > div:last-child > div:first-child > canvas {
        height: 100%!important;
        width: 100%!important;
        object-fit: contain!important;
    }
    }
  • DogeIsCut (*Dogeiscut*)DogeIsCut (*Dogeiscut*)
    [?]
    you didnt guess wrong but it didnt work
  • calicocalico
    [?]
    DogeIsCut (*Dogeiscut*) said:

    i cant provide an image because i just keep getting an error

    You need to use an image host site like Imgur to link to images. The upload feature here is broken.
  • anagrammaranagrammar
    [?]
    With the above code, this is what I see in both Chromium and Firefox. That's what I figured the objective was. ¯\_(ツ)_/¯
  • anagrammaranagrammar
    [?]
    Are you importing correctly? Stylus will prompt you to "overwrite" if you just paste in the editor. In Stylish, you'll need to "import Mozilla format". That's if it even still works.
  • anagrammaranagrammar
    [?]
    Hopefully you can work it out on your own. I won't be back around till later tonight.
  • anagrammaranagrammar
    edited July 2019 [?]
    Another quick guess before I take off, I guess it's possible the [dir="ltr"] selector is unreliable across different languages. Maybe: 
    @-moz-document url-prefix("https://scratch.mit.edu/projects") {
    div[class^="stage_stage-wrapper"] > div {
        border-radius: 0!important;
    }
    }

    @-moz-document url-prefix("https://scratch.mit.edu/projects/editor") {
    div[class^="paint-editor_editor-container_"],
    div[class^="paint-editor_editor-container_"] > div:last-child,
    div[class^="paint-editor_editor-container_"] > div:last-child > div:last-child {
        flex-basis: 100%!important;
    }

    div[class^="paint-editor_editor-container_"] > div:last-child > div:last-child > div {
        width: 100%!important;
    }

    div[class^="paint-editor_editor-container_"] > div:last-child > div:last-child > div:first-child {
        height: calc(100% - 34px)!important;
    }

    div[class^="paint-editor_editor-container_"] > div:last-child > div:last-child > div:first-child > canvas {
        height: 100%!important;
        width: 100%!important;
        object-fit: contain!important;
    }
    }
Sign In or Register to comment.