As a follow up to #694382: Remove cosmetic cruft from module's css files
I started the daunting job of trying to clean-up css styles from modules. Here's a patch for the aggregator module.
I removed both aggregator.css and aggregator-rtl.css and added the only declaration that seems useful in terms of UI to both Garland and Seven. (I can't see any mention to the removed files in the patch. Is there a specific way to create a patch aware of file removals?)

#aggregator .feed-source .feed-icon {
  float: left;
}

Comments

dodorama’s picture

Status: Needs work » Needs review
StatusFileSize
new1.54 KB

The patch!

sun’s picture

Removing the file(s) should automatically make them appear in your patch as removed.

dodorama’s picture

Strange. I removed the files but there's no mention of them in the patch.

retester2010’s picture

Status: Needs review » Needs work
+++ themes/garland/style.css	22 Mar 2010 15:39:32 -0000
@@ -818,6 +818,11 @@ ul.links li, ul.inline li {
+#aggregator .feed-source .feed-icon {
+  float: right; /* LTR */ ¶
+  display: block;

trailing white space

40 critical left. Go review some!

dodorama’s picture

StatusFileSize
new2.24 KB

I decided to remove even the last bit of CSS. Without that float declaration we don't lose any functionality. So basically I removed the 2 css files and any mention to them in the module init hook.
Less CSS styles to overwrite!

dodorama’s picture

Status: Needs work » Needs review
sun’s picture

hm, removing everything? I guess that some of these styles apply to the administrative pages, perhaps? We definitely need before/after screenshots here.

jacine’s picture

Component: aggregator.module » markup
dodorama’s picture

StatusFileSize
new760 bytes

A softer approach with screenshots.

Original code

/* $Id: aggregator.css,v 1.3 2010/04/28 20:08:38 dries Exp $ */

#aggregator .feed-source .feed-title {
  margin-top: 0;
}
#aggregator .feed-source .feed-image img {
  margin-bottom: 0.75em;
}
#aggregator .feed-source .feed-icon {
  float: right; /* LTR */
  display: block;
}
#aggregator .feed-item {
  margin-bottom: 1.5em;
}
#aggregator .feed-item-title {
  margin-bottom: 0;
  font-size: 1.3em;
}
#aggregator .feed-item-meta,
#aggregator .feed-item-body {
  margin-bottom: 0.5em;
}
#aggregator .feed-item-categories {
  font-size: 0.9em;
}
#aggregator td {
  vertical-align: bottom;
}
#aggregator td.categorize-item {
  white-space: nowrap;
}
#aggregator .categorize-item .news-item .body {
  margin-top: 0;
}
#aggregator .categorize-item h3 {
  margin-bottom: 1em;
  margin-top: 0;
}

With patch applied

/* $Id: aggregator.css,v 1.3 2010/04/28 20:08:38 dries Exp $ */

#aggregator .feed-source .feed-title {
  margin-top: 0;
}
#aggregator .feed-source .feed-image img {
  margin-bottom: 0.75em;
}
#aggregator .feed-source .feed-icon {
  float: right; /* LTR */
  display: block;
}
#aggregator td {
  vertical-align: bottom;
}
#aggregator td.categorize-item {
  white-space: nowrap;
}
#aggregator .categorize-item .news-item .body {
  margin-top: 0;
}
#aggregator .categorize-item h3 {
  margin-bottom: 1em;
  margin-top: 0;
}

I don't know if #aggregator .categorize-item .news-item .body, #aggregator .categorize-item h3 and #aggregator .feed-source .feed-title are used anywhere, I couldn't find any mention in code. In doubt I left those.
Since Garland override these styles nothing changes there, thus no screenshot.

dodorama’s picture

I don't know why, but the system doesn't allow me to attach more files.
Here are the links to the screenshots
http://dl.dropbox.com/u/1312381/layout.jpg
http://dl.dropbox.com/u/1312381/stark.jpg
http://dl.dropbox.com/u/1312381/bartik.jpg

jacine’s picture

Version: 7.x-dev » 8.x-dev
jacine’s picture

Issue tags: +frontend

tagging

jacine’s picture

Component: markup » aggregator.module
xjm’s picture

Status: Needs review » Closed (duplicate)

I think this now covered by #1216948: Clean up the CSS for Aggregator module. Please reopen if I'm mistaken.