Sub-issue of #1190252: [573] Use csslint as a weapon to beat the crappy CSS out of Drupal core
Inline with the CSS cleanup efforts of the HTML5 initiative, using CSSLint at http://csslint.net provides a quick way to code-sniff our css and tweak styles.
- Copy and paste the the stylesheet(s) below into the css lint tool at http://csslint.net and test.
- Fix any warnings or errors the tool finds.
- Patch Drupal 8 locally and make sure the css changes have not broken anything visually.
- Create patch and upload for the testbot.
Files: modules/file/file.css
Comment | File | Size | Author |
---|---|---|---|
#24 | file-css-clean-up-1662990-24.patch | 555 bytes | brenda003 |
#18 | file-css-clean-up-1662990.patch | 554 bytes | daniel92 |
#18 | CSS-file-module-clean.jpg | 81.4 KB | daniel92 |
#14 | file-css-clean-up-1662990-5.png | 32.27 KB | ckrina |
#5 | file-css-clean-up-1662990-5.patch | 659 bytes | mjonesdinero |
Comments
Comment #1
mjonesdinero CreditAttribution: mjonesdinero commentedtest in http://csslint.net found two warnings attach is the patch i have created and tested locally, nothing was broken.
Comment #2
mjonesdinero CreditAttribution: mjonesdinero commentedComment #3
mjonesdinero CreditAttribution: mjonesdinero commentedComment #4
droplet CreditAttribution: droplet commenteddiv.ajax-progress-bar
Comment #5
mjonesdinero CreditAttribution: mjonesdinero commentedhi droplet add a new patch but question why on csslint it has only two warnings? and what you have said on comment no.4 is not a warning or error on css lint?
Comment #7
droplet CreditAttribution: droplet commentedI scanned with my eyes. and I just tested following code and shows me 2 warnings.
when there is 2 styles, csslint thinks this is indeed needed
Hehe, #1190252 haven't talking it deeply before this mission.
(even it leaves, HTML5 Clean up will remove it i think.)
Comment #8
mjonesdinero CreditAttribution: mjonesdinero commented#5: file-css-clean-up-1662990-5.patch queued for re-testing.
Comment #9
swentel CreditAttribution: swentel commentedWrong component
Comment #10
barraponto CreditAttribution: barraponto commentedEverything OK, applies cleanly.
Comment #11
xjmCSS changes need manual testing in all browsers and all affected core themes:
Post before-and-after screenshots for one browser/theme.
Comment #12
xjmComment #13
joedougherty CreditAttribution: joedougherty commentedIt's unclear to me where these classes are being applied. Could someone with better knowledge of the File module point out exactly what a tester should be looking for in this case?
Comment #14
ckrina#5 applies well in Firefox, Chrome & IE8.
Will be needed to check the .ajax-progress-bar.
Comment #15
YesCT CreditAttribution: YesCT commentedComment #16
chrischinchilla CreditAttribution: chrischinchilla commented@joedougherty They're added on the file upload boxes in content add/edit screens
Comment #17
chrischinchilla CreditAttribution: chrischinchilla commentedAlso tested against latest build of Drupal 8, patch in #5 applies fine. Looks great in all Mac browsers and Lint returns 0 errors :)
Comment #18
daniel92 CreditAttribution: daniel92 commentedRemoved 2 overqualified elements in file.admin.css as recommended by csslint
Also worked in Safari for Windows, didn't attach screenshot.
Comment #19
YesCT CreditAttribution: YesCT commented@daniel92
does that mean you made a change to the code and then took the screenshots? (great screenshots!!!!)
Comment #20
daniel92 CreditAttribution: daniel92 commentedThe left screenshot for each browser is before I changed the code, and the right screenshot for each browser is after I changed the code to prove that it didn't break anything.
Thankyou!!
Comment #21
YesCT CreditAttribution: YesCT commentedOH, I see, one of the files attached was a patch! sorry, I guess I thought there were two jpgs or something.
changing status to needs review so the testbot has a look at your patch.
how is this different than the previous patch in #5? maybe an interdiff would help... but also maybe just #5 does not apply anymore.
Comment #23
adammaloneComment #24
brenda003Rerolled patch.
Comment #25
RaulMuroc CreditAttribution: RaulMuroc commentedTested and it gives the same results as #18 <-- Logically, because the changed code is exactly the same!!
The diffence between #18 patch and #24 patch is all about tabs and standard coding hence did not pass the test.
Without doubt, it can be set as reviewed.
Comment #26
catchCommitted/pushed to 8.x, thanks!
Comment #27
RaulMuroc CreditAttribution: RaulMuroc commented