Ticket #9894 (closed Bug: fixed)

Opened 4 years ago

Last modified 4 years ago

Example folders "News" and "Events": "Display" menu looks messy

Reported by: kleist Owned by: dukebody
Priority: trivial Milestone: 4.0
Component: Templates/CSS Version:
Keywords: Cc: limi

Description

Plone 4 coredev buildout rev. 32199

The "Display" menu for the example folders "News" and "Events" would need some styling.

Currently, the labels "Folder display" and "Item display" make the menu a bit messy. (In fact, I almost created a ticket about duplicated menu items... )

Attachments

Capture.PNG Download (15.8 KB) - added by kleist 4 years ago.
displayviews-whitebkg.png Download (18.9 KB) - added by dukebody 4 years ago.
White background for selected elements instead of bullet points.
displayviews-bigheading.png Download (18.0 KB) - added by dukebody 4 years ago.
Medium font for display menu headings.
displayviews-underlined.png Download (15.7 KB) - added by dukebody 4 years ago.
Underlined headings.
displayviews-bottomborder.png Download (15.5 KB) - added by dukebody 4 years ago.
Bottom white 2px border.
displayviews-bottomborder-spacing.png Download (16.0 KB) - added by dukebody 4 years ago.
Bottom white 2px border with 5px top spacing.

Change History

Changed 4 years ago by kleist

comment:1 Changed 4 years ago by dukebody

  • Owner set to dukebody
  • Status changed from new to assigned

I'm checking it... The "Item: News" is displaced to the left because it doesn't have an <a>.

comment:2 Changed 4 years ago by dukebody

  • Cc limi added
--- public.css	(revision 32601)
+++ public.css	(working copy)
@@ -825,7 +825,7 @@
 /* @group Content pulldowns */
 
 #contentActionMenus dl.actionMenu a,
-#contentActionMenus dl.actionMenu.activated dd {
+#contentActionMenus dl.actionMenu.activated dd  {
 	background-color: #75ad0a;
 	color: White;
 	font-weight: bold;
@@ -857,7 +857,8 @@
 	white-space: nowrap;
     position: relative;
 }
-dl.actionMenu a {
+dl.actionMenu a,
+dl.actionMenu div {
     display: block;
     white-space: nowrap;
 	padding: 0 0.25em;
@@ -880,7 +881,8 @@
 	-moz-border-radius-bottomright: 0.5em;
 }
 dl.actionMenu.activated dt a,
-dl.actionMenu.activated dd a {
+dl.actionMenu.activated dd a,
+dl.actionMenu.activated dd div {
 	margin: 0 0.25em;
 }

aligns "Item: News" with "Summary View".

Changed 4 years ago by dukebody

White background for selected elements instead of bullet points.

Changed 4 years ago by dukebody

Medium font for display menu headings.

Changed 4 years ago by dukebody

Underlined headings.

Changed 4 years ago by dukebody

Bottom white 2px border.

Changed 4 years ago by dukebody

Bottom white 2px border with 5px top spacing.

comment:3 Changed 4 years ago by dukebody

(In [32605]) Mark selected display always with 'actionMenuSelected' class and stop using bullet points. Refs #9894.

comment:4 Changed 4 years ago by dukebody

  • Status changed from assigned to closed
  • Resolution set to fixed

(In [32606]) Add some spacing between siteaction links. Closes #9894. (I referenced #9830 instead of #9894 before, sorry)

Note: See TracTickets for help on using tickets.