Antoine/carhop__plugins__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX on sticky columns
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2026-05-21 16:27:03 +02:00
parent bd82e5f92b
commit f46d2dbbac
5 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plugins/carhop-blocks/build/variations-rtl.css
View File

@ -75,10 +75,18 @@
}
.wp-block-columns.is-style-sticky-columns .wp-block-columns-is-layout-flex {
align-items: flex-start;
flex-wrap: nowrap;
}
.wp-block-columns.is-style-sticky-columns .wp-block-column {
position: sticky;
top: 0;
@media (max-width: 782px) {
.wp-block-columns.is-style-sticky-columns .wp-block-columns-is-layout-flex {
flex-wrap: wrap;
}
}
@media (min-width: 782px) {
.wp-block-columns.is-style-sticky-columns .wp-block-column {
position: sticky;
top: 0;
}
}
body.wp-admin .sticky-column-wrapper {
flex-basis: 0;

2
plugins/carhop-blocks/build/variations.asset.php
View File

@ -1 +1 @@
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '36820ff09c645c75d8de');
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => 'd315557e6b52d307b4c7');

14
plugins/carhop-blocks/build/variations.css
View File

@ -75,10 +75,18 @@
}
.wp-block-columns.is-style-sticky-columns .wp-block-columns-is-layout-flex {
align-items: flex-start;
flex-wrap: nowrap;
}
.wp-block-columns.is-style-sticky-columns .wp-block-column {
position: sticky;
top: 0;
@media (max-width: 782px) {
.wp-block-columns.is-style-sticky-columns .wp-block-columns-is-layout-flex {
flex-wrap: wrap;
}
}
@media (min-width: 782px) {
.wp-block-columns.is-style-sticky-columns .wp-block-column {
position: sticky;
top: 0;
}
}
body.wp-admin .sticky-column-wrapper {
flex-basis: 0;

2
plugins/carhop-blocks/build/variations.css.map
View File

@ -1 +1 @@
{"version":3,"file":"variations.css","mappings":";;;AAAA;EACC;AACD;AACC;EACC;EACA;EACA;EACA;AACF;AAIE;EACC;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAQA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALD;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAQA;EACC;AALD;AAMC;EACC;AAJF;AAMC;EACC;EACA;AAJF;AASC;EACC;EACA;AANF;AAOE;EACC;EACA;AALH,C","sources":["webpack://carhop-blocks/./src/core-variants/variants.scss"],"sourcesContent":[".wp-block-list.is-iconed-list {\r\n\tdisplay: block;\r\n\r\n\tli.has-custom-icon {\r\n\t\tpadding-left: 48px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tgap: 20px;\r\n\t\tposition: relative;\r\n\r\n\t\t// display: flex;\r\n\t\t// align-items: center;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \" \";\r\n\t\t\t// position: static;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 6px;\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tbackground-color: var(--wp--preset--color--primary);\r\n\t\t\tbackground-size: 20px auto;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-position: center;\r\n\t\t}\r\n\t\t&--sablier::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-sablier.svg\");\r\n\t\t}\r\n\t\t&--loupe::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe.svg\");\r\n\t\t}\r\n\t\t&--cadenas::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-cadenas.svg\");\r\n\t\t}\r\n\t\t&--check::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-check.svg\");\r\n\t\t}\r\n\t\t&--loupe-alt::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe-alt.svg\");\r\n\t\t}\r\n\t\t&--pendule::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-pendule.svg\");\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.iconed-list-item-backend-icon-square {\r\n\tdisplay: inline-block;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tbackground-size: contain;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tcolor: currentColor;\r\n\tfilter: invert(1);\r\n\t&--sablier {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-sablier.svg\");\r\n\t}\r\n\t&--loupe {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe.svg\");\r\n\t}\r\n\t&--cadenas {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-cadenas.svg\");\r\n\t}\r\n\t&--check {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-check.svg\");\r\n\t}\r\n\t&--loupe-alt {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe-alt.svg\");\r\n\t}\r\n\t&--pendule {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-pendule.svg\");\r\n\t}\r\n}\r\n\r\n.wp-block-columns.is-style-sticky-columns {\r\n\talign-items: flex-start;\r\n\t.wp-block-columns-is-layout-flex {\r\n\t\talign-items: flex-start;\r\n\t}\r\n\t.wp-block-column {\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t}\r\n}\r\n\r\nbody.wp-admin {\r\n\t.sticky-column-wrapper {\r\n\t\tflex-basis: 0;\r\n\t\tflex-grow: 1;\r\n\t\t.block-editor-block-list__block {\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}
{"version":3,"file":"variations.css","mappings":";;;AAAA;EACC;AACD;AACC;EACC;EACA;EACA;EACA;AACF;AAIE;EACC;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAKE;EACC;AAHH;AAQA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALD;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAMC;EACC;AAJF;AAQA;EACC;AALD;AAOC;EACC;EACA;AALF;AAOE;EAJD;IAKE;EAJD;AACF;AAOE;EADD;IAEE;IACA;EAJD;AACF;AASC;EACC;EACA;AANF;AAOE;EACC;EACA;AALH,C","sources":["webpack://carhop-blocks/./src/core-variants/variants.scss"],"sourcesContent":[".wp-block-list.is-iconed-list {\r\n\tdisplay: block;\r\n\r\n\tli.has-custom-icon {\r\n\t\tpadding-left: 48px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tgap: 20px;\r\n\t\tposition: relative;\r\n\r\n\t\t// display: flex;\r\n\t\t// align-items: center;\r\n\r\n\t\t&::before {\r\n\t\t\tcontent: \" \";\r\n\t\t\t// position: static;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: 6px;\r\n\t\t\twidth: 36px;\r\n\t\t\theight: 36px;\r\n\t\t\tbackground-color: var(--wp--preset--color--primary);\r\n\t\t\tbackground-size: 20px auto;\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-position: center;\r\n\t\t}\r\n\t\t&--sablier::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-sablier.svg\");\r\n\t\t}\r\n\t\t&--loupe::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe.svg\");\r\n\t\t}\r\n\t\t&--cadenas::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-cadenas.svg\");\r\n\t\t}\r\n\t\t&--check::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-check.svg\");\r\n\t\t}\r\n\t\t&--loupe-alt::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe-alt.svg\");\r\n\t\t}\r\n\t\t&--pendule::before {\r\n\t\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-pendule.svg\");\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.iconed-list-item-backend-icon-square {\r\n\tdisplay: inline-block;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tbackground-size: contain;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tcolor: currentColor;\r\n\tfilter: invert(1);\r\n\t&--sablier {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-sablier.svg\");\r\n\t}\r\n\t&--loupe {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe.svg\");\r\n\t}\r\n\t&--cadenas {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-cadenas.svg\");\r\n\t}\r\n\t&--check {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-check.svg\");\r\n\t}\r\n\t&--loupe-alt {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-loupe-alt.svg\");\r\n\t}\r\n\t&--pendule {\r\n\t\tbackground-image: url(\"../core-variants/core-list-variant/icons/carhop-pendule.svg\");\r\n\t}\r\n}\r\n\r\n.wp-block-columns.is-style-sticky-columns {\r\n\talign-items: flex-start;\r\n\r\n\t.wp-block-columns-is-layout-flex {\r\n\t\talign-items: flex-start;\r\n\t\tflex-wrap: nowrap;\r\n\r\n\t\t@media (max-width: 782px) {\r\n\t\t\tflex-wrap: wrap;\r\n\t\t}\r\n\t}\r\n\t.wp-block-column {\r\n\t\t@media (min-width: 782px) {\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nbody.wp-admin {\r\n\t.sticky-column-wrapper {\r\n\t\tflex-basis: 0;\r\n\t\tflex-grow: 1;\r\n\t\t.block-editor-block-list__block {\r\n\t\t\tposition: sticky;\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t}\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}

12
plugins/carhop-blocks/src/core-variants/variants.scss
View File

@ -77,12 +77,20 @@
.wp-block-columns.is-style-sticky-columns {
align-items: flex-start;
.wp-block-columns-is-layout-flex {
align-items: flex-start;
flex-wrap: nowrap;
@media (max-width: 782px) {
flex-wrap: wrap;
}
}
.wp-block-column {
position: sticky;
top: 0;
@media (min-width: 782px) {
position: sticky;
top: 0;
}
}
}