Issue #1101Opened May 10, 2018by kuldeepcis0 reactions
outdated

apply css property for mobile/tablet view

Question

Code SnippetTEXT
Hello @artf ,

https://jsfiddle.net/66cnd2t4/3/
This is the fiddle for the map issue
when you drag a map and add it then in dimensions you will see width auto and its label is in pink which shows it user defined means i have passed it in components style block as such
, _("map") && i.add("map", {
                        label: n.labelMap,
                        category: n.category,
                        attributes: {
                            class: "fa fa-map-o"
                        },
                        content: {
                            type: "map",
                            style: {
                                height: "350px",
                                 width: "auto"
                            }
                        }
                    })
but when you change it to mobile view the label is not in pink ,means the user defined property is not being applied.We wants it to be applied for mobile and tablet view as well

Answers (2)

artf• May 13, 20180 reactions

First of all, next time use this https://jsfiddle.net/szLp8h4n as a starting point for your fiddles, without all the stuff not regarding the issue. To make properties defined on other devices you have to set the CSS on that media query:

@media (max-width: 992px){
  .your-map-class{
    ...
  }
}
@media (max-width: 480px){
  .your-map-class{
    ...
  }
}
lock[bot]• September 17, 20190 reactions

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Related Questions and Answers

Continue research with similar issue discussions.

Issue #1506

Css Media Query Issue

Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and t...

3 answersUpdated May 21, 2020

Issue #1614

[Bug]: adding css variables as style manager property

trying to add css variable to style manager causing error: Uncaught TypeError: Cannot read property 'toUpperCase' of undefined fiddle Am i...

3 answersUpdated December 1, 2019

Issue #1134

Add custom style in the style-sheet for a new class of existing block.

Hello @artf _("map") && i.add("map", { label: n.labelMap, category: n.category, attributes: { class: "fa fa-map-o" }, content: { type: "map...

2 answersUpdated September 17, 2019

Issue #1836

How to add !important in all the generated apis

Hello @artf, While i am going to edit some html from editor with the help of css then i need to add !important into all the css which is ch...

3 answersUpdated March 10, 2020

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

PresetsPluginsComponentsBlocksAssetsCommandsI18nLayersStylesStoragesRTENewslettersWeb pagesSite builders