395740 - Use images instead of bullets in unordered lists in support

Status: RESOLVED FIXED

(Camino Graveyard :: Product Site, defect)

Description

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

FAQ, setup, bookmarks, tabs, and security all have <ul>.  The old cbo used a nice graphic instead of the standard bullet, and we punted on this during the great overnight push.

The old cbo used this style block:

/* lists */
ul {
  list-style-image: url(/images/list_circle.png);
  padding: 5px 3px 10px 0;
  margin: 0;
}

ul ul {
  list-style-image: url(/images/list_triangle.png);
}

These images are too small for our larger text, but there's now a rule in layout.css (why layout.css instead of typography.css?):

.req {
	list-style-image: url(/img/bullet.png);
}

We can just add that image to the ul.docs rule in typography.css :

ul.docs {
  list-style: disc;
  /* add back the grey disc image */
	padding-left: 1em;
}

so it becomes

ul.docs {
	list-style-image: url(/img/bullet.png);
	padding-left: 1em;
}

Sam, this should be a 1 sec change for you to make ;)

Comment 1

[Samuel Sidler (old account; do not CC)]

Actually made it "bullet2.png" and added a new bullet graphic that's round instead of an triangle/arrow.

Comment 2

[Smokey Ardisson (offline for a while; not following bugs - do not email)]

1) It's not masked well; see the first bullet in the TOC on http://caminobrowser.org/documentation/tabs/

2) I think it's kinda ugly :p