Update: Side-by-Side Live Preview … Now with 100% More Flexbox!

2021.12.02 16:53 ajblue98 Update: Side-by-Side Live Preview … Now with 100% More Flexbox!

It turned out that after a few hours away from the computer, a workout to clear my head, and a good night’s sleep, a CSS trick I’d briefly looked at yesterday seems to have fixed almost all the problems with my earlier implementation. Plus, it’s way less code now!
This version uses CSS’ Flexbox feature (display: flex) and break-before: always; on the Live Preview block element to force it to hop into a second column. Also you’ll notice the commenting in this code is mostly identifiers; that’s because there’s very little tweaking of anything other than widths and margins.
The only outstanding issue I’m aware of — and it’s probably fixable with some effort — is that on the Submit page, the sidebar and live preview can overlap when there isn’t enough space. I think this can be fixed, either by turning the whole page into a gigantic flexbox or playing with the sidebar’s CSS … but that will take way more time & testing.
Again, this has been tested using Stylus on Firefox. If there’s anything not working quite right in your browser, please let me know, and I’ll see what I can do.
Oh, and if anybody from the RES team wants to make this an option in RES settings, please feel free to use this code with attribution!

/* * PUSH RES LIVE PREVIEW WINDOW * TO RIGHT-HAND COLUMN * * FLEXBOX METHOD */ /* * COMMON ELEMENTS */ /* Flexbox container */ div.usertext-edit.md-container { min-width: 48% !important; display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; gap: 2%; } /* .livePreview */ div.RESDialogSmall.livePreview { flex-basis: 100%; height: 100%; width: 100%; /* This is the magic line that puts the live preview * in its own column! */ break-before: always; } /* * SUBMIT PAGE */ /* Submit -- adjust .roundfield */ div.spacer, .formtabs-content, div.spacer div.roundfield { display: block; } /* Submit -- Elements */ div.roundfield-content div.usertext div.usertext-edit div.markdownEditor-wrapper, div.roundfield-content div.usertext div.usertext-edit div.md, div.roundfield-content div.usertext div.usertext-edit div.bottom-area, div.roundfield-content div.usertext div.usertext-edit div.RESDialogSmall { width: 100% !important; margin-right: 25px; } /* Submmit -- textarea */ div.usertext div.usertext-edit.md-container div.md textarea { width: 100% !important; } /* Submit -- .markhelp */ div.roundfield-content div.usertext div.usertext-edit div.markhelp { width: 100% !important; margin-right: 14px; box-sizing: border-box; } /* Submit -- .livePreview */ div.usertext div.usertext-edit.md-container div.RESDialogSmall.livePreview { margin-left: -16px; } /* Keep wide content from overflowing Submit page preview */ div.md.RESDialogContents { max-width: 95%; } /* * COMMENTS PAGE */ /* Comments -- .markdownEditor-wrapper */ div.markdownEditor-wrapper { width: 100%; } /* Comments -- textarea & container */ /* Also Submit page textarea */ div.usertext-edit.md-container div.md, div.usertext-edit.md-container div.md textarea { width: 100%; } /* Comments -- .bottom-area */ div.bottom-area { width: 100% !important; } /* Comments -- .markhelp */ div.markhelp { width: 100%; /* Keep .markhelp from looking too wide */ box-sizing: border-box; } 
submitted by ajblue98 to Enhancement [link] [comments]


2021.12.02 16:53 -en- @AP: The consequences can be deadly. In August, an artillery shell exploded at a Mississippi recycling yard. Chris Smith saw his co-worker bleed out right there. “For no reason at all,” Smith said. https://t.co/rEy7Pqmu8v https://t.co/EfOZSsQ0Ly

@AP: The consequences can be deadly. In August, an artillery shell exploded at a Mississippi recycling yard. Chris Smith saw his co-worker bleed out right there. “For no reason at all,” Smith said. https://t.co/rEy7Pqmu8v https://t.co/EfOZSsQ0Ly submitted by -en- to newsbotbot [link] [comments]


2021.12.02 16:53 TheBando223 Westside gunn in his feelings after AEW last night, thoughts? I think he overreacting

Westside gunn in his feelings after AEW last night, thoughts? I think he overreacting submitted by TheBando223 to GriseldaxFR [link] [comments]


2021.12.02 16:53 intriguedcherry 40[F4A]#USA Text based internet best friend

So what I'm looking for is someone who doesn't want pictures, videos, video chat, phone calls
Someone compatible to me who wants just a casual friend to keep in contact with, no pressure for round the clock or instant communication
Just someone who is a kind ealistener, someone checks in on each other etc
I don't want this to lead to a real life relationship of any kind and zero sexual talk/innuendo.
A little about me I'm a 40 year old female, I'm non religious, single, no children, I struggle with anxiety/ptsd and chronic pain and because of that I'm mostly home. I enjoy watching horror and sci fi and marvel movies but all other genres are good too :) I like to watch true crime, dating shows, sci fi. I like kpop/kdrama and anime as well. I love clothes buying/ making jewelry and projects.
I would appreciate someone 30-50 years old so can share memories and similar interests.
submitted by intriguedcherry to FriendsOver40 [link] [comments]


2021.12.02 16:53 Extracamoo12 https://telegr.im/joinchat/ZFRnItoS3MdjM2Vh

submitted by Extracamoo12 to OliviaMaeBaeOF2 [link] [comments]


2021.12.02 16:53 ralseiperson a mini comic about ralsei to cure depression

a mini comic about ralsei to cure depression submitted by ralseiperson to ralsei [link] [comments]


2021.12.02 16:53 bot_neen Primer simposio virtual Monte Albán y sus Interacciones regionales. Sesión 5.

Primer simposio virtual Monte Albán y sus Interacciones regionales. Sesión 5. submitted by bot_neen to Mexico_Videos [link] [comments]


2021.12.02 16:53 planetprudence Contraceptive deception [OC] @planetprudence

Contraceptive deception [OC] @planetprudence submitted by planetprudence to comics [link] [comments]


2021.12.02 16:53 dmise12 What is the good laptop for about €500

Im ussualy programming or doing some light gaming(minecraft, lol and some older games)
submitted by dmise12 to Laptop [link] [comments]


2021.12.02 16:53 Kingwulfgar666 discord_irl

discord_irl submitted by Kingwulfgar666 to discord_irl [link] [comments]


2021.12.02 16:53 Caasi67 I posted this live edge standing desk a while back but got a lot of downvotes for my ancient PC. I've since done some upgrading and added a matching monitor stand with hand cut dovetails.

I posted this live edge standing desk a while back but got a lot of downvotes for my ancient PC. I've since done some upgrading and added a matching monitor stand with hand cut dovetails. submitted by Caasi67 to GoodBattlestations [link] [comments]


2021.12.02 16:53 LeeVEGETA Does anyone know what the arrow icon at the side of the mini map is please?

Does anyone know what the arrow icon at the side of the mini map is please? submitted by LeeVEGETA to playblackdesert [link] [comments]


2021.12.02 16:53 Brooksee83 Curiously just check 7th and 41st in NY to see if there was anything, and we've got a Ruby(red)Tuesday, with Space Jam poster above it... Simulation still cookin' I see! 😎🚀

Curiously just check 7th and 41st in NY to see if there was anything, and we've got a Ruby(red)Tuesday, with Space Jam poster above it... Simulation still cookin' I see! 😎🚀 submitted by Brooksee83 to Superstonk [link] [comments]


2021.12.02 16:53 TurtlesHello Added 6 Reed frogs to the paludarium

Added 6 Reed frogs to the paludarium submitted by TurtlesHello to frogs [link] [comments]


2021.12.02 16:53 AdInternational4199 Summon me to help kill boss

submitted by AdInternational4199 to SummonSign [link] [comments]


2021.12.02 16:53 DomPachino Dec 2, 2021 - Microsoft says you just can't trust Google ☑️M❎G - Will Microsoft stop at nothing to get people to switch to Edge? Will it stoop to everything? Yes, and yes, it seems...

Dec 2, 2021 - Microsoft says you just can't trust Google ☑️M❎G - Will Microsoft stop at nothing to get people to switch to Edge? Will it stoop to everything? Yes, and yes, it seems... submitted by DomPachino to IntellectualDarkWeb [link] [comments]


2021.12.02 16:53 pink_hk I love him sm 🤧

I love him sm 🤧 submitted by pink_hk to cats [link] [comments]


2021.12.02 16:53 givupthedog Had a heart attack when my presser foot lever fell off. Felt like a boss putting it back together though

Had a heart attack when my presser foot lever fell off. Felt like a boss putting it back together though submitted by givupthedog to SewingForBeginners [link] [comments]


2021.12.02 16:53 sunnyboi456 So I like Micheal Salvatori...

So I like Micheal Salvatori... submitted by sunnyboi456 to destiny2 [link] [comments]


2021.12.02 16:53 alternativeforker I expect certain people to greet me on my bday, but they never did. Good riddance.

My birthday just passed and I didn’t expect anything, or anyone to surprise me because I never had that kind of bday celebration ever since. Except from family who greeted me occasionally. There’s nothing new about the certain people I expect to greet me but they never did. Despite of that, I am glad that there are people who actually greeted me who I’d never expect. Which I really appreciate that they took their time or even just a sec to send me their greetings. From here on out, I will never forget the ones who forgotten about me. Crossed out. Never again.
Good riddance. (: I’m getting used to it. A little bit lonely but not really. I got my fam and my pets. <3
submitted by alternativeforker to lonely [link] [comments]


2021.12.02 16:53 SeveralCup3367 what happened?

I was watching the 3 artist thank you videos they added to the 2021 playlists and the ITZY one cut-short for some reason....am I the only one experiencing this? just wondering cause it annoyed me a little
submitted by SeveralCup3367 to spotify [link] [comments]


2021.12.02 16:53 GTAclipster [GTA] hijacking physics

[GTA] hijacking physics submitted by GTAclipster to YouTube_startups [link] [comments]


2021.12.02 16:53 ShapeShiftingCats Fire Inspector

Fire Inspector submitted by ShapeShiftingCats to Catswithjobs [link] [comments]


2021.12.02 16:53 LouderLouder Zhong Feifei: 12 hours and counting...the Louis Vuitton women ss22 (12.02.21)

Zhong Feifei: 12 hours and counting...the Louis Vuitton women ss22 (12.02.21) submitted by LouderLouder to CpopIdols [link] [comments]


2021.12.02 16:53 MasterTX Symfony 5.4: How to get current user in a login controller?

How can I get the current user in a json login controller? For Symfony 5.4 the docs use:

public function index(#[CurrentUser] ?User $user): Response 
But I can't use the attribute #[CurrentUser] because that's not available in PHP 7.4. It causes a syntax error.
I've tried searching online but I'm finding outdated/deprecated resources.
submitted by MasterTX to symfony [link] [comments]


http://diart-group.ru