Bug Fixed Some CSS help

[Nirjonadda]

This CSS code not work for Post icon show with border.

.trophyIcon { padding: 3px; }

Please let me know the full CSS code for Example this one:



Also not work this CSS code for disable post icon show from mobile browser?

@media (max-width: 650px) { ul.trophyIcon { display: none; } }

 

[Clement]

For the first one it's logical a padding is not a border.

border is border: 1px solid;

For the sercond one, you most certainly need to remove the ul.

Clément

 

[Nirjonadda]

Both are not work, Please give me full CSS code.

@media (max-width: 650px) { trophyIcon { display: none; } }

.trophyIcon { border is border: 1px solid; padding: 3px; }

 

[Clement]

Looked into the code, the border won't work for font awesome icons.
For the other one I guessed it's because you didn't put the . before trophyIcon.

 

[Nirjonadda]

Looked into the code, the border won't work for font awesome icons.

Not working for server Icon and get server error log. Showing blank space.

@media (max-width: 650px) { .trophyIcon { display: none; } }

.trophyIcon { border is border: 1px solid; padding: 3px; }

Also not working for disable for mobile.

Less_Exception_Chunk: ParseError: Unexpected input in anonymous-file-0.less on line 1502, column 15 1500| @media (max-width: 650px) { .trophyIcon { display: none; } } 1501| 1502| .trophyIcon { border is border: 1px solid; padding: 3px; } 1503| 1504| /* Server icon */ 1505| .trophyIcon.trophy_1 src/vendor/oyejorge/less.php/lib/Less/Parser.php:677

Generated by: Unknown account Oct 24, 2018 at 3:54 AM

Stack trace

#0 src/vendor/oyejorge/less.php/lib/Less/Parser.php(621): Less_Parser->GetRules(NULL)
#1 src/vendor/oyejorge/less.php/lib/Less/Parser.php(449): Less_Parser->_parse()
#2 src/XF/CssRenderer.php(363): Less_Parser->parse('// Note that th...')
#3 src/XF/CssRenderer.php(311): XF\CssRenderer->renderToCss('public:extra.le...', '// Note that th...')
#4 src/XF/CssRenderer.php(235): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#5 src/XF/CssRenderer.php(101): XF\CssRenderer->renderTemplates(Array, Array, Array)
#6 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#7 css.php(30): XF\CssWriter->run(Array, 1, 1, 'f48da75cb0cb437...')
#8 {main}

Request state

array(4) {
  ["url"] => string(361) "/css.php?css=public%3Aattachments.less%2Cpublic%3AavForumsTagEss_thread_view_grouped_tags.less%2Cpublic%3Aeditor.less%2Cpublic%3Alightbox.less%2Cpublic%3Amessage.less%2Cpublic%3Anotices.less%2Cpublic%3Ashare_controls.less%2Cpublic%3Ath_reactions.less%2Cpublic%3Athtopics.less%2Cpublic%3Aextra.less&s=1&l=1&d=1540331620&k=f48da75cb0cb437a41c23a6eaae00ae09d183e4c"
  ["referrer"] => string(47) "/threads/topics-list.62/"
  ["_GET"] => array(5) {
    ["css"] => string(246) "public:attachments.less,public:avForumsTagEss_thread_view_grouped_tags.less,public:editor.less,public:lightbox.less,public:message.less,public:notices.less,public:share_controls.less,public:th_reactions.less,public:thtopics.less,public:extra.less"
    ["s"] => string(1) "1"
    ["l"] => string(1) "1"
    ["d"] => string(10) "1540331620"
    ["k"] => string(40) "f48da75cb0cb437a41c23a6eaae00ae09d183e4c"
  }
  ["_POST"] => array(0) {
  }
}

 

[Clement]

Where did you put your code ?

Why are you using border is border and not only border ?

What error do you get if you look into your browser console ?

 

[Nirjonadda]

Where did you put your code ?

extra.less template.

Why are you using border is border and not only border ?

Border get working but how can make Space/margin? Some Space for 2nd line.




Now still not working for mobile this code.

@media (max-width: 650px) { .trophyIcon { display: none; } }

 

[Clement]

For space margin, use padding: 1px; or somethink like that.

Code for mobile seems ok, you tried inspecting the dom to see the behavior ?

 

[Nirjonadda]

Code for mobile seems ok,

Does this work for your development site?

 

[Clement]

I have not tried. I am guiding you through doing it.

 

[Clement]

Did a quick try as I am doing a bug fix.

Add !important after none

 

[Nirjonadda]

Did a quick try as I am doing a bug fix.

Add !important after none

Yes now working with this code, Thanks

@media (max-width: 650px) { .trophyIcon { display: none !important; } }