docbrown/app/javascript/listings
Dan Ott 544fa8d33e
Fixing gap property for all occurrences of flex to work in Safari (#12667)
* Use grid instead of flex

* Use child margin instead of flex gap

* use .grid instead of .flex.flex-column

* Missed one conditional flex gap

* gap-2 safely deleted since there’s only one element

* Add class for crayons-btn-actions

This pattern occurs pretty often. Easy class addition and easy swap out once flex gap is supported in target browsers

* Use crayons-btn-actions

* Adjust styling to use negative margins

* apply crayons-btn-actions

* use margin-right instead of gap

* use .grid instead of .flex.flex-column

* use margin instead of gap for indicators/tooltips in headings

* remove unused class for clarity

* use flex and add margin to small element

* remove gap from flex container and add margin to figure

* crayons-article__main has neither flex nor grid thus gap has no effect

* fix typo

* use actual grid columns

* use gap instead of flex-column

* Apply crayons-btn-actions

* Fix modal window display

* Safari bein a real pain here

Apparently Safari uses a different model to calculate height than other browsers. who knew.
2021-02-17 11:40:38 +01:00
..
__tests__ Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
components Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
dashboard Fixing gap property for all occurrences of flex to work in Safari (#12667) 2021-02-17 11:40:38 +01:00
singleListing Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
listingDashboard.jsx Ran prettier on *.js, *.jsx and *.md files. (#11586) 2020-11-23 20:45:50 -05:00
listingForm.jsx Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
listings.jsx Updates ESLint rules to error on default imports (#12512) 2021-02-02 10:24:03 -05:00
utils.js Use faster JS selection methods (#11409) 2020-11-16 17:35:50 +01:00