Merge lp:~quam-plures-core/quam-plures/admin_look_and_feel into lp:quam-plures

[Lee Turner]

http://forums.quamplures.net/viewtopic.php?f=6&t=582

Main chicago admin template updated to make all the dark grey easier on the eye (well, my eyes anyway). I have also removed what I think is the last remaining blue from the admin. This required changes to a css file that wasn't in the chicago directory.

[lp:~quam-plures-core/quam-plures/admin_look_and_feel]

7570. By Lee Turner <email address hidden> on 2010-11-05

Toned down the menus and imporved contrast of section headers

[Yabs (yabs)]

Have we actually come to a decision about changing the admin yet? Was sure there was meant to be a poll somewhere.

¥

[Lee Turner (leeturner)]

See here to vote: http://forums.quamplures.net/viewtopic.php?f=11&t=627

[EdB (edb)]

Approved. Lets wrap this up eh?

Note for the future: we really should make an easy back-door method for any installation owner to dial in their own look. Not a template selector for admin, just a way to over-ride the 'official' look. Anyway that's not for now. For now let's get 'er done.

review: Approve

[Kimberly (kimberly-netweb360)]

> Approved. Lets wrap this up eh?
>
> Note for the future: we really should make an easy back-door method for any
> installation owner to dial in their own look. Not a template selector for
> admin, just a way to over-ride the 'official' look. Anyway that's not for
> now. For now let's get 'er done.

I noticed in the backend under users, then the particular user profile, then to that user preferences there is a section to select the Admin template: for the user. Defaults to chicago since that is the only one available.

[EdB (edb)]

Ah okay. Sorta forgot about that place. We should rip it out if we're not going to have multiple templates for admin.

Technically speaking BTW the selector on the gray navbar is still there. But with only one option it doesn't bother to show up. I think. I seem to recall it still being there. Could be wrong. Anyway bottom line is we ditch the selector if we won't do multiple admin templates (and still offer a way for the IO to tweak it without screwing upgrading), or we keep it and encourage style sheets as alternative admin templates (which sort of covers customizing per installation).

[Kimberly (kimberly-netweb360)]

Actually, the selector does not really serve much of a purpose. I don't really see the need for different admin template for each user unless the template is used in some way to limited access to certain sections of the admin and that would be better served by permission levels. Therefore, I agree that we can just remove that selector and tidy up the back end.

Most of the backend layout can easily be changed by just dropping in a different style sheet. We could include a style sheet editor so it would be easier to make changes in the style sheet without having to do a back and forth ftp to the site; however, I would leave that for a future release.

I don't see a need to ship different admin themes with the first release. Admin themes can be an add-on thing later on.

[Lee Turner (leeturner)]

Maybe I am in a minority but I don't see why we should remove the selector. Just because we don't plan to do multiple admin templates it doesn't mean others won't. Why restrict it? The feature is already there and it works. Why create work for ourselves to ultimately take something out that is working.

I think as a the core developers we should only deliver one admin template that we guarantee to work with every new feature and every new update but I don't think we should restrict others from making their own.

I might like to release the red one that I did and getting rid of the selector makes this a whole lot harder.

[Yabs (yabs)]

Dunno if I'm in the minority or the majority but :

a) is this approved or not, I'm easily confused
b) if it's still being debated : can we at least support 2 * looks, one the pastel thing we have now and the other a dark version like the good old crt days? ... just askin' O:-)

Knew I should have just merged it when I first approved it :-S

¥

[Lee Turner (leeturner)]

As far as I know I think the admin look and feel is approved so it can be merged. The debate here (which we should probably take onto the forum) is whether to get rid of the admin template selector in the user profile.

As you are asking for two admin templates to be supported I guess you would be saying that we should keep the admin template selector?

I think the one we have now and a darker version would be a good base to work from.

L

=== modified file 'qp_rsc/css/blog_widgets.css'
--- qp_rsc/css/blog_widgets.css	2010-05-24 01:31:31 +0000
+++ qp_rsc/css/blog_widgets.css	2010-11-05 18:59:44 +0000
@@ -44,22 +44,22 @@
 }
 
 .odd{
-background-color:#F1F6F8;
+background-color:#F0F0F0;
 color:#444;
 }
 
 .even{
-background-color:#fff;
+background-color:#FCFCFC;
 color:#444;
 }
 
 .odd:hover{
-background-color:#eef;
+background-color:#DBDBDB;
 color:#444;
 }
 
 .even:hover{
-background-color:#dde;
+background-color:#DBDBDB;
 color:#444;
 }
 
@@ -97,7 +97,7 @@
 .available_widgets{
 	width:44em;
 	position:absolute;
-	background:#f1f6ff;
+	background:#fff;
 	display:none;
 	border: 1px solid #9DB0BC;
 	margin:0;
@@ -109,7 +109,7 @@
 }
 
 .available_widgets_toolbar{
-	background:#B7CBDA;
+	background:#e6e6e0;
 	font-weight: bold;
 	padding: 2px 1ex;
 	border-bottom: 1px solid #9DB0BC;
@@ -159,7 +159,7 @@
 width:90%;
 overflow:auto;
 z-index:999;
-background:#f1f6f8;
+background:#f9f9f9;
 border:1px solid #ccc;
 display:block;
 }
 
=== modified file 'qp_view_admin/chicago/chicago.css'
--- qp_view_admin/chicago/chicago.css	2010-08-13 16:13:00 +0000
+++ qp_view_admin/chicago/chicago.css	2010-11-05 18:59:44 +0000
@@ -43,20 +43,20 @@
 /* Main & bloglist & options menus */
 #mainmenu, #coll_list, #options {
 	clear: both;
-	background-color: #EEEEEE;
+	background-color: #d3d3d3;
 	margin: 0 0 4px 0;
-	border-top: 1px solid red;
-	border-bottom: 1px solid red;
+	border-top: 1px solid #C6C6C6;
+	border-bottom: 1px solid #C6C6C6;
 	padding: 0;
 	font-size: 84%;
 }
 #coll_list {
-	border-top: 1px solid green;
-	border-bottom: 1px solid green;
+	border-top: 1px solid #C6C6C6;
+	border-bottom: 1px solid #C6C6C6;
 }
 #options {
-	border-top: 1px solid blue;
-	border-bottom: 1px solid blue;
+	border-top: 1px solid #C6C6C6;
+	border-bottom: 1px solid #C6C6C6;
 }
 
 #mainmenu ul, #coll_list ul, #options ul {
@@ -76,7 +76,7 @@
 	display: block;
 	height: 15px;
 	padding: 3px 9px;
-	color: black;
+	color: #534646;
 	font-weight: bold;
 }
 #options li a {
@@ -86,15 +86,15 @@
 #mainmenu li a:active, #coll_list li a:active, #options li a:active,
 #mainmenu li.current a, #coll_list li.current a, #options li.current a {
 	padding: 2px 8px;
-	background-color: #777777;
-	border: 1px solid red;
-	color: white;
+	background-color: #C6C6C6;
+	border: 1px solid #AAAAAA;
+	color: #000;
 }
 #coll_list li a:hover, #coll_list li a:active, #coll_list li.current a {
-	border: 1px solid green;
+	border: 1px solid #AAAAAA;
 }
 #options li a:hover, #options li a:active, #options li.current a {
-	border: 1px solid blue;
+	border: 1px solid #AAAAAA;
 }
 
 
@@ -166,8 +166,7 @@
 }
 
 div.panelblock, div.tabbedpanelblock {
-	border: 1px solid #9DB0BC;
-	background: #f1f6f8;
+	background: #f9f9f9;
 	padding: 4px;
 }
 
@@ -183,22 +182,35 @@
 	border: 1px solid #d99;
 }
 .fieldset_title {
-	background-color: gray;
-	color: white;
-	margin: 1ex 0 0 0;
-	border: 1px solid gray;
-	padding: 4px 6px 0 6px;
-	font-weight: bold;
+	background-color: #d3d3d3;
+	color: black;
+	padding: 4px 6px 4px 6px;
+	font-weight: normal;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+	-moz-border-radius-topleft: 5px;
+	-moz-border-radius-topright: 5px;
 }
 .fieldset_title .action_icon {
-	font-size: 84%;
+	font-size: 80%;
 }
 
 .fform fieldset, .left_col fieldset, .right_col fieldset  {
-	border: 1px solid gray;
+	border: none;
 	margin: 0 0 10px 0;
 }
 
+.fieldset_wrapper {
+	background-color: white;
+	margin: 1ex 0 0 0;
+	border: 1px solid #d3d3d3;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+}
+
+.label {
+	color: #464646;
+}
 
 /* Result tables: */
 ul.grouped {
@@ -233,12 +245,12 @@
 	border-color: #9F9F9F;
 }
 table.grouped th, table.filelist th {
-	background-color: #777777;
-	color: white;
+	background-color: #D3D3D3;
+	color: #333333;
 	border-color: #9F9F9F;
 }
 table.grouped th a, table.filelist th a {
-	color: white;
+	color: #333333;
 }
 table.grouped tr.clickable_headers th, table.filelist th {
 	padding: 0;
@@ -255,9 +267,9 @@
 }
 table.grouped th a.basic_current,
 table.filelist th a.basic_current {
-	background-color: #A9A9A9;
+	background-color: #D3D3D3;
+	color: #333333;
 	padding: 2px 8px;
-	color: #0000AA;
 }
 
 ul.grouped li.even, table.grouped tr.even, table.filelist tr.even {
@@ -279,7 +291,7 @@
 }
 table.grouped tr.group td {
 	border-color: gray;
-	background-color: #A9A9A9; /* darkgray */
+	background-color: #D3D3D3;
 }
 table.grouped tr.total td {
 	border-top: 1px solid gray;
@@ -356,7 +368,6 @@
 	color: #c00;
 }
 
-
 /* browse Screen: */
 td.browse_left_col {
 }
@@ -365,19 +376,25 @@
 }
 .block_item_wrap {
 	margin: 0 0 1em 0;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
 }
 .browse_side_item_wrap {
 	margin: 0 0 1em 1em;
 }
 .block_item,
 .browse_side_item {
-	border: 1px solid #9DB0BC;
+	border: 1px solid #e6e6e6;
 	background-color: #fff;
 	padding: 1ex;
+	border-bottom-left-radius: 5px;
+	border-bottom-right-radius: 5px;
+	-moz-border-radius-bottomleft: 5px;
+	-moz-border-radius-bottomright: 5px;
 }
 
 div.full_nav {
-	background-color: #F1F6F8;
+	background-color: #e6e6e6;
 	border: 1px solid #becdd6;
 	padding: 1ex;
 	margin: 0 0 1ex 0;
@@ -388,9 +405,6 @@
 div.PostActionsArea,
 div.CommentActionsArea {
 	clear: both;
-	background-color: #F1F6F8;
-	border-top: 1px solid #becdd6;
-	border-bottom: 1px solid #becdd6;
 	padding: 1ex;
 	margin: 0;
 }
@@ -582,7 +596,7 @@
 	border-color: #9DB0BC;
 }
 table.catselect th {
-	background-color: #A9A9A9; /* darkgray */
+	background-color: #D3D3D3;
 	border-color: #9DB0BC;
 }
 table.catselect tr.group td { /* UNKNOWN PURPOSE - NEEDS FIXIN! */
@@ -602,6 +616,10 @@
 	border-color: #9DB0BC;
 }
 
+.catselect table thead tr th {
+	background-color: red;
+}
+
 .extracatnote {
 	font-size: 84%;
 	margin: 1ex;
@@ -642,8 +660,7 @@
 }
 
 div.edit_actions {
-	background-color: #f1f6f8;
-	border: 1px solid #becdd6;
+	background-color: white;
 	padding: 2px;
 	margin: 1ex auto;
 	width: 98%;
@@ -655,8 +672,7 @@
 }
 
 
-/* File manager: 
-*/
+/* File manager */
 #fm_dirtree { /* this is the left side of the upload page, which is kinda obvious by name... */
 	border-color: #9DB0BC;
 	background-color: white; /* BORING but that's life */
@@ -687,7 +703,7 @@
 	color: #777;
 }
 
-/* Permissions: */
+/* Permissions */
 span.checkall,
 th.checkright {
 	font-size: 84%;
@@ -718,3 +734,7 @@
 	padding: 16px 0 0 28px;
 	font-size: 74%;
 }
+
+ul.widget_container {
+	margin-bottom: 1ex;
+}