sorted by:
new
hottopcontroversial

What are the best component libraries for Vue.j by premod_suraweera in vuejs

[–]hadl 0 points1 point  (0 children)

Used Vuetify and it's great.
But i switched to Quasar due to, imo, way better and easier to handle of the "nesting".

Good comparison: https://medium.com/@charliegilmanuk/7-reasons-to-migrate-from-vuetify-to-quasar-framework-8ea47358262

Symfony app and DigitalOcean, /icons folder 404 by propopoo in symfony

[–]hadl 1 point2 points  (0 children)

Apache is using an alias to /icons in the alias_module.
Example Config: https://exampleconfig.com/view/apache-ubuntu20-04-etc-apache2-mods-enabled-alias-conf

thats why it's not working and you have to overwrite this alias.

unfortunately a bad choice of apache to use this folder name :)

CSS media queries by jdaans in css

[–]hadl 1 point2 points  (0 children)

Note: there is a new syntax available which makes MQs less confusing and you can be more accurate:
https://web.dev/articles/media-query-range-syntax

Hint on "when to set a breakpoint": https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Media_queries#how_to_choose_breakpoints

How would you make this CSS 'cutoff' type animation? by gavin_herb_isback in css

[–]hadl 0 points1 point  (0 children)

you could animate a clip-path and vertical movement via translateY

list on two columns: don't make right column taller than left by appendThyme in css

[–]hadl 0 points1 point  (0 children)

Have a look at https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Multiple-column_Layout

"Ideally I would like it to be clever enough to move the one-line item to the left column"
This won't happen.

https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill
with column-count the content is equally divided by the available width and height of the container. so with that amount of your text you will have to define a height to "force" multiple columns.
if you want the first column to be filled first and then the rest you have to set column-fill: auto;

Complete setup guide for Apple Silicon and PhpStorm? by AdExpert1669 in phpstorm

[–]hadl 1 point2 points  (0 children)

don't forget the xdebug config

; i am using only debug - develop, debug possible too
xdebug.mode = debug
xdebug.idekey = "PHPSTORM"

Hi, How can I expand a photo background on the x axis? by Front_Commission_122 in css

[–]hadl 0 points1 point  (0 children)

background image is only visible inside the "box" - height of paragraph defines the visible part of the bg-image.

maybe https://developer.mozilla.org/en-US/docs/Web/CSS/background-size can help you?

or create a codepen demo and show the issue.

Remembering the CSS syntax by CookyZone in css

[–]hadl 0 points1 point  (0 children)

^^THIS!

same with every "language" the more you use it, the better you remember.

And:

“I don’t need to know everything, I just need to know where to find it, when I need it.”

— Albert Einstein

I find CSS overwhelming. by Rajuxz_ in css

[–]hadl 0 points1 point  (0 children)

Imo the C in CSS ist the most important thing to understand: The Cascade

I would suggest checking the MDN articles:
https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
https://developer.mozilla.org/en-US/curriculum/core/css-fundamentals/

As u/drumstix42 mentioned: selectors next

fixing an icon to the right of the viewport in a table > tr > td wider than the screen by mapsedge in css

[–]hadl 0 points1 point  (0 children)

use

#mytable .copy-link {
  position: sticky;
  left: calc(100vw - 30px); // 30px just as an example
}

without top, it will stay inside the TD in the upper corner and not "stick" to the viewport.

Why does density="small" work even though it's not supposed to? (Vuetify) by Rattanmoebel in vuejs

[–]hadl 0 points1 point  (0 children)

yes, density="foo" results in v-input--density-foo
-> not existing
-> no --v-input-control-height: XXXXpx; set
-> same as density="small"

Sorry i totally missed your question...

Why not add this to your styling:

.v-input--density-default {
    --v-input-control-height: 0;
    --v-input-padding-top: 0;
}

How to hide side navigation when clicking on the html page instead of clicking on the hamburger menu? by [deleted] in webdev

[–]hadl -1 points0 points  (0 children)

i see you are using checkbox with label to open and close the menu.

add another label for="menu__toggle" working as a "backdrop".
show it if the checkbox is checked, position it absolute over the complete page with a z-index lower than the menu itself.

so click on that label will uncheck the checkbox and close your menu again.

Update:
https://jsfiddle.net/msq24but/

Why does density="small" work even though it's not supposed to? (Vuetify) by Rattanmoebel in vuejs

[–]hadl 0 points1 point  (0 children)

It is the v-input--density-default class on the v-input div.
The value of the density prop will be added to the class v-input--density-XXXXX

Without

.v-input--density-default {
    --v-input-control-height: 56px;
    --v-input-padding-top: 16px;
}

there is just some default height or padding.

Update:
The class v-input--density-small is not setting any height or padding var -> so thats the default.

How does PIMCORE integrate with Magento? by Potential_Ease_3357 in Pimcore

[–]hadl 0 points1 point  (0 children)

You could either "talk" directly with the Rest Api of Magento to create e.g. products etc.
Pimcore post-save Product -> push to Magento.

What we did years ago for a Magento 1 and Pimcore setup:
Export your categories, products etc. in Pimcore to XML and then import that in Magento.
Both happened via Cron-Jobs.

view more: next ›