• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

CSS Apply source formatting not indenting inside @media screen

Community Beginner ,
Mar 18, 2017 Mar 18, 2017

Copy link to clipboard

Copied

This has been going on since cs5 but seems like no one wants to fix it. The indenitg inide @media screen does not work

Instead of this

@media screen and (max-width: 767px) {

  .thz-pagination li {

  display: none;

  }

  .thz-pagination li:first-of-type,

  .thz-pagination li:last-of-type {

  display: inline-block;

  }

}

we get this

@media screen and (max-width: 767px) {

.thz-pagination li {

  display: none;

}

.thz-pagination li:first-of-type,

.thz-pagination li:last-of-type {

  display: inline-block;

}

}

Views

445

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 19, 2017 Mar 19, 2017

Personally, I don't care much for indented code.  Ultimately, I minify my CSS code  anyway so the manner in which DW indents/spaces media queries is very low on my list of priorities.

If you think this is important,  please file a feature request from the Help menu.

CC-submitBug.jpg

Nancy

Votes

Translate

Translate
Community Expert ,
Mar 18, 2017 Mar 18, 2017

Copy link to clipboard

Copied

It is hard to please everybody, but the way that you prefer is not my preference. In fact, if you look at examples throughout the web development community you will see that most, if not all, will indent Dreamweaver's way.

Have a look at CSS3 @media Rule 

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 19, 2017 Mar 19, 2017

Copy link to clipboard

Copied

What do you mean please everybody? The media queries are supposed to be indented just like any other rule in CSS

even the W3C link you posted shows what I need

CSS3 @media Rule

right way

http://prntscr.com/elszx4

and this is the DW wrong way

http://prntscr.com/elt04t

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2017 Mar 19, 2017

Copy link to clipboard

Copied

You have confused me, in your OP you stated

As far as I can judge from my version of Dreamweaver (and all versions prior), the latter is what we get as can be seen from a screen shot of my file

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 19, 2017 Mar 19, 2017

Copy link to clipboard

Copied

I am not sure how I confused you ,

the first snippet has indent and the second one does not , either way indent is not aplied

> a screen shot of my file

that seems like Sass or LESS, put that in CSS file and apply formatting the media and everything inside will loose indent

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 19, 2017 Mar 19, 2017

Copy link to clipboard

Copied

themezly​

You are wasting your time. Dreamweaver has decided that anyone not using sass or less, is to be virtually ignored. If you do not wish to develop sites the Dw way, then I and many others have found no one wants to listen or cares about your opinion. The same goes for those of us who does not wish to develop sites using Bootstrap.

I am amongst those whom Dw chooses to forget, like yourself. The only thing I can suggest is that you join the 'forgotten users', and say what it is you require from Dw here in the forum (keeping it civil, of course) or file feature requests as many others have done using -

https://dreamweaver.uservoice.com

The other alternative is of course to find another code editor.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2017 Mar 19, 2017

Copy link to clipboard

Copied

LATEST

Personally, I don't care much for indented code.  Ultimately, I minify my CSS code  anyway so the manner in which DW indents/spaces media queries is very low on my list of priorities.

If you think this is important,  please file a feature request from the Help menu.

CC-submitBug.jpg

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines