Skip to content
This repository
Browse code

BUGFIX:fixed styling issues on edit profile dialog popup - Trac #6819

  • Loading branch information...
commit 1a66ecd6ac85669312bbfe463ec7f9c637847d63 1 parent 304b89f
authored March 16, 2012 chillu committed March 27, 2012
13  admin/css/screen.css
@@ -394,6 +394,11 @@ body.cms { overflow: hidden; }
394 394
 .cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }
395 395
 
396 396
 /** -------------------------------------------- Member Profile -------------------------------------------- */
  397
+form.member-profile-form { padding: 0 16px 0 0; }
  398
+form.member-profile-form .ui-tabs-nav .ui-state-default, form.member-profile-form .ui-tabs-nav .ui-widget-content .ui-state-default, form.member-profile-form .ui-tabs-nav .ui-widget-header .ui-state-default { border-top: none; }
  399
+form.member-profile-form #Root_Permissions { clear: both; padding: 16px; }
  400
+form.member-profile-form #Root_Main { clear: both; padding: 16px; }
  401
+form.member-profile-form #FavouritePageID { margin-top: 8px; }
397 402
 form.member-profile-form #CsvFile .middleColumn { background: none !important; }
398 403
 form.member-profile-form .advanced h4 { margin-bottom: .5em; }
399 404
 form.member-profile-form .Actions { text-align: left; border: 0; }
@@ -406,8 +411,8 @@ form.member-profile-form #Groups .middleColumn { margin-left: 0; width: 100%; }
406 411
 form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
407 412
 form.member-profile-form #Permissions .optionset li { float: none; width: auto; }
408 413
 form.member-profile-form .ui-tabs-nav li { margin: 0 0 -1px 0; }
409  
-form.member-profile-form .ui-corner-all, form.member-profile-form .ui-corner-top, form.member-profile-form .ui-corner-right, form.member-profile-form .ui-corner-tr { border-radius: 0; }
410  
-form.member-profile-form .ui-corner-all, form.member-profile-form .ui-corner-top, form.member-profile-form .ui-corner-left, form.member-profile-form .ui-corner-tl { border-radius: 0; }
  414
+form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form .ui-tabs-nav .ui-corner-top, form.member-profile-form .ui-tabs-nav .ui-corner-right, form.member-profile-form .ui-tabs-nav .ui-corner-tr { border-radius: 0; }
  415
+form.member-profile-form .ui-tabs-nav .ui-corner-all, form.member-profile-form .ui-tabs-nav .ui-corner-top, form.member-profile-form .ui-tabs-nav .ui-corner-left, form.member-profile-form .ui-tabs-nav .ui-corner-tl { border-radius: 0; }
411 416
 
412 417
 .cms .cms-content { border-right: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
413 418
 .cms .cms-content-fields { /* always show a y scroll bar as popups like TreeDropdowns  can trigger longer pages and the extra scroll bar doesn't  fire our sizing bar */ overflow-y: auto; overflow-x: auto; background: none; width: 100%; }
@@ -450,6 +455,8 @@ form.member-profile-form .ui-corner-all, form.member-profile-form .ui-corner-top
450 455
 
451 456
 .cms .ui-widget-overlay { background-color: #000; background-image: none; }
452 457
 
  458
+.cms .ui-dialog .ss-ui-dialog.ui-dialog-content { padding-top: 0px; }
  459
+
453 460
 .ui-dialog { background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; border: 3px solid #000 !important; border-radius: 8px; overflow: visible; padding: 0; }
454 461
 .ui-dialog .ui-dialog-titlebar.ui-widget-header { font-size: 14px; background-color: #92a5b2; padding: 4px 4px 4px 16px; border-bottom: 2px solid #8399a7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDdkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ced7dc), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#ced7dc, #92a5b2); background-image: -moz-linear-gradient(#ced7dc, #92a5b2); background-image: -o-linear-gradient(#ced7dc, #92a5b2); background-image: -ms-linear-gradient(#ced7dc, #92a5b2); background-image: linear-gradient(#ced7dc, #92a5b2); }
455 462
 .ui-dialog.loading { background-image: url(../images/spinner.gif); background-position: 50% 50%; background-repeat: no-repeat; }
@@ -461,7 +468,7 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai
461 468
 .cms-dialog-content .ss-tabset { z-index: 60; -moz-border-radius: none; -webkit-border-radius: none; -o-border-radius: none; -ms-border-radius: none; -khtml-border-radius: none; border-radius: none; }
462 469
 .cms-dialog-content .ss-tabset .tab { background: none; overflow-y: auto; }
463 470
 .cms-dialog-content .ss-tabset.ui-tabs { background: none; }
464  
-.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav { padding: 8px 0 0 0; border: none; }
  471
+.cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav { border: none; padding: 0 40px 0 0; float: right; }
465 472
 .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li { font-weight: bold; line-height: 16px; padding: 11px 12px 9px; border-bottom: 2px solid #B3B3B3; }
466 473
 .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: -1px; }
467 474
 .cms-dialog-content .ss-tabset.ui-tabs .ui-tabs-nav li:first-child { margin-left: 15px; }
45  admin/scss/_style.scss
@@ -822,7 +822,31 @@ body.cms {
822 822
  * -------------------------------------------- */
823 823
 
824 824
 form.member-profile-form {
825  
-	
  825
+	padding: 0 $grid-x*2 0 0;
  826
+	.ui-tabs-nav {
  827
+		.ui-state-default,
  828
+		.ui-widget-content .ui-state-default,
  829
+		.ui-widget-header .ui-state-default {
  830
+			border: {
  831
+				top:none;
  832
+			}
  833
+		}
  834
+	}
  835
+
  836
+	#Root_Permissions {
  837
+		clear:both;
  838
+		padding: $grid-x*2;
  839
+	}
  840
+
  841
+	#Root_Main {
  842
+		clear:both;
  843
+		padding: $grid-x*2;
  844
+	}
  845
+
  846
+	#FavouritePageID {
  847
+		margin-top:$grid-y;
  848
+	}
  849
+
826 850
 	#CsvFile .middleColumn {
827 851
 		background: none !important;
828 852
 	}
@@ -888,13 +912,13 @@ form.member-profile-form {
888 912
 		li {
889 913
 			margin:0 0 -1px 0;
890 914
 		}
891  
-	}
892  
-	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
893  
-		border-radius:0;
894  
-	}
  915
+		.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  916
+			border-radius:0;
  917
+		}
895 918
 
896  
-	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
897  
-		border-radius:0;
  919
+		.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  920
+			border-radius:0;
  921
+		}
898 922
 	}
899 923
 }
900 924
 
@@ -1092,6 +1116,10 @@ form.member-profile-form {
1092 1116
 	background-image: none;
1093 1117
 }
1094 1118
 
  1119
+.cms .ui-dialog .ss-ui-dialog.ui-dialog-content {
  1120
+	padding-top: 0px; //removes padding so that tabs are flush with header
  1121
+}
  1122
+
1095 1123
 // Elements with this class can either frame inline markup or an iframe,
1096 1124
 // most styles should be applied to .cms-dialog instead (which declares the content in the frame)
1097 1125
 .ui-dialog {
@@ -1147,8 +1175,9 @@ body.cms-dialog {
1147 1175
 			background: none;
1148 1176
 
1149 1177
 			.ui-tabs-nav {
1150  
-				padding: $grid-x 0 0 0;
1151 1178
 				border: none;
  1179
+				padding: 0 $grid-x*5 0 0; //allows for 40px gap to the right of tabs to match the tabs on main CMS
  1180
+				float: right;
1152 1181
 
1153 1182
 				li {	
1154 1183
 					&.ui-tabs-selected {

0 notes on commit 1a66ecd

Please sign in to comment.
Something went wrong with that request. Please try again.