I downloaded the Suite P “style.css” file to my PC to make some CSS format changes, but when opening the file in Notepad++ (or Wordpad), all the lines run together. There are no line breaks!
I think this is something to do with the encoding (UTF-8, etc) or EOL format differences between Unix and DOS/Windows.
Does anyone have any suggestions? Thanks!
p.s. I’ve tried copy and pasting to Word and back; no luck. Also, Notepad++ has some end of line" options, which also did not help.
Notepad++ (I also use it and love it) handles both sorts of line endings (Windows / Linux) without problem. So your file must have really got changed during the FTP transfer, or download, or something.
Maybe try Notepad++'s options for changing line endings: Menu Edit / EOL conversions
If not, try a different method of retrieving the file from the server, on that doesn’t remove line endings…
I tried the different options in Notepad++, to no avail.
(On my hosting provider’s servers, SuiteCRM is installed via Softaculous, btw).
So far, I have tried another install into another folder (using Softaculous) and extracting the style.ccs file and I also downloaded Suite from this site. Both style.css file versions contain the problem.
Before downloading style.css, I also “compacted” (zipped) it, in cPanel’s File Manager.
Guess I’ll keep digging!
P.S. If anyone is not using Notepad ++ as their code editor, give it a try! … https://notepad-plus-plus.org/
That’s the way it is supposed to be, its an optimized CSS file
see original version:
https://github.com/salesagility/SuiteCRM/blob/master/themes/SuiteP/css/style.css
You can use an online tool to beautify CSS
CSS Beautifier http://www.cleancss.com/css-beautify/
Note: it will turn the actual 392 kb into a 508 kb file!
i assume you’re getting style.css from
themes/SuiteP/css/style.css
and not from some other cache folder.
It’s probably just the SASS compilation that removes line-breaks or “minifies” the CSS a bit. Anyway, you would be better off doing your changes in style.scss and variables.scss and then recompiling SASS.
You can compile using the following commands in your SuiteCRM instance:
composer install
./vendor/bin/pscss -f compressed themes/SuiteP/css/style.scss > themes/SuiteP/css/style.css
Many thanks for some great pointers!
I did take the style.css file from the themes/SuiteP/css folder, btw.
Using the CSS code beautifier link gave me what I needed, so I’m now in good shape! (I did notice that the style.css file as provided IS minified for Suite P, but not for Suite R and Suite 7).
When switching between the minified and un-minified style.css files [I’m in Suite developer-mode], I did not detect any performance difference.
I need to research running Unix line commands on my hosting provider’s servers (Arvixe) as they pretty much give you a CPanel and that’s it.
I also need to check out compiling CSS. Looking at the style.scss and variables.scss files, they appear to give you a way to “parameterize” your theme, but they don’t provide the same depth of tweaking as editing style.css.
Thanks, again!