Download as
Browse Code »

Commit e6fb723b2c2d9af48d48373f707762680bb0451f

Authored by Melissa Wen
1 parent eadc4bff
Exists in pkg_fixes

fix members block button, popover and elements arranging and empty blog tab on community page

Showing 8 changed files with 169 additions and 8 deletions   Show diff stats
css/community-pages.css
  Diff comments   View file @e6fb723
@@ -355,6 +355,10 @@ @@ -355,6 +355,10 @@
355 355
356 /* Blog tab*/ 356 /* Blog tab*/
357 357
  358 +#content #blog-tab .software-blog-post-empty{
  359 + margin-top: 30px;
  360 +}
  361 +
358 #content #blog-tab .blog-posts{ 362 #content #blog-tab .blog-posts{
359 margin-top:15px; 363 margin-top:15px;
360 } 364 }
@@ -394,11 +398,13 @@ @@ -394,11 +398,13 @@
394 display:inline; 398 display:inline;
395 text-align: left; 399 text-align: left;
396 } 400 }
  401 +
397 #content #blog-tab .blog .blog-post .publishing-info .date { 402 #content #blog-tab .blog .blog-post .publishing-info .date {
398 margin: 0px 0px 5px 0px; 403 margin: 0px 0px 5px 0px;
399 - display: table-cell; 404 + display: block;
400 font-size: 11px; 405 font-size: 11px;
401 } 406 }
  407 +
402 #content #blog-tab .blog .blog-post .author { 408 #content #blog-tab .blog .blog-post .author {
403 display: none; 409 display: none;
404 } 410 }
@@ -687,9 +693,10 @@ float: left; @@ -687,9 +693,10 @@ float: left;
687 693
688 .profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger{ 694 .profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger{
689 display: block; 695 display: block;
690 - height: 13px; 696 + height: 16px;
691 top: 3px; 697 top: 3px;
692 left: 4px; 698 left: 4px;
  699 + padding-top: 0px;
693 padding-bottom: 0px; 700 padding-bottom: 0px;
694 margin: 0; 701 margin: 0;
695 background: #172738; 702 background: #172738;
@@ -702,7 +709,7 @@ float: left; @@ -702,7 +709,7 @@ float: left;
702 color: #fff; 709 color: #fff;
703 font-family: FontAwesome; 710 font-family: FontAwesome;
704 font-size: 8px; 711 font-size: 8px;
705 - line-height: 11px; 712 + line-height: 16px;
706 } 713 }
707 714
708 .profile-type-is-community #content .members-block .common-profile-list-block .fn { 715 .profile-type-is-community #content .members-block .common-profile-list-block .fn {
@@ -734,6 +741,10 @@ float: left; @@ -734,6 +741,10 @@ float: left;
734 padding: 0px 5px; 741 padding: 0px 5px;
735 } 742 }
736 743
  744 +.profile-type-is-community #content .members-block .menu-submenu ul{
  745 + padding: 0px;
  746 +}
  747 +
737 .profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a{ 748 .profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a{
738 padding: 2px; 749 padding: 2px;
739 color: #fff; 750 color: #fff;
@@ -742,7 +753,7 @@ float: left; @@ -742,7 +753,7 @@ float: left;
742 line-height: 30px; 753 line-height: 30px;
743 } 754 }
744 755
745 -.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a.add-friend{ 756 +.profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li:last-child a{
746 border: none; 757 border: none;
747 } 758 }
748 759
@@ -972,11 +983,15 @@ float: left; @@ -972,11 +983,15 @@ float: left;
972 } 983 }
973 984
974 .action-profile-members .box-1 .common-profile-list-block span{ 985 .action-profile-members .box-1 .common-profile-list-block span{
975 - margin-right: 9px; 986 + margin-right: 0px;
976 width: 90px; 987 width: 90px;
977 height: 86px; 988 height: 86px;
978 } 989 }
979 990
  991 +.action-profile-members .box-1 .common-profile-list-block .button-bar span{
  992 + margin: 0px
  993 +}
  994 +
980 .action-profile-members .common-profile-list-block img{ 995 .action-profile-members .common-profile-list-block img{
981 border-radius: 4px; 996 border-radius: 4px;
982 width: 82px; 997 width: 82px;
@@ -1069,9 +1084,9 @@ float: left; @@ -1069,9 +1084,9 @@ float: left;
1069 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{ 1084 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
1070 display: block; 1085 display: block;
1071 background:#172738; 1086 background:#172738;
1072 - top:5px;  
1073 - left:4px;  
1074 - border:1px solid #172738; 1087 + top: 5px;
  1088 + left: 4px;
  1089 + border: 1px solid #172738;
1075 padding-bottom: 0px; 1090 padding-bottom: 0px;
1076 border-radius: 5px; 1091 border-radius: 5px;
1077 -moz-border-radius:5px; 1092 -moz-border-radius:5px;
css/notifications.css 0 → 100644
  Diff comments   View file @e6fb723
@@ -0,0 +1,145 @@ @@ -0,0 +1,145 @@
  1 +.environment-notification-plugin-notification-bar{
  2 + display: block;
  3 +}
  4 +
  5 +#environment-notification-plugin-notification-manager{
  6 + overflow: auto;
  7 +}
  8 +
  9 +.environment-notification-plugin-notification-bar .notification .notification-close,
  10 +.environment-notification-plugin-notification-notification-modal .notification .notification-close{
  11 + background: url(public/images/close.png) no-repeat;
  12 + background-position: center;
  13 + width: 20px;
  14 + height: 20px;
  15 +}
  16 +
  17 +.environment-notification-plugin-notification-bar .warningnotification,
  18 +.environment-notification-plugin-notification-bar .informationnotification,
  19 +.environment-notification-plugin-notification-bar .successnotification,
  20 +.environment-notification-plugin-notification-bar .dangernotification,
  21 +.environment-notification-plugin-notification-bar .adminnotification,
  22 +.environment-notification-plugin-notification-notification-modal .warningnotification,
  23 +.environment-notification-plugin-notification-notification-modal .informationnotification,
  24 +.environment-notification-plugin-notification-notification-modal .successnotification,
  25 +.environment-notification-plugin-notification-notification-modal .dangernotification{
  26 + margin-bottom: 38px;
  27 + padding: 15px;
  28 + border-radius: 4px;
  29 + border: 1px solid blue;
  30 + font-size: 14px;
  31 + color: #FFFFFF;
  32 + overflow: auto;
  33 +}
  34 +
  35 +.environment-notification-plugin-notification-bar .warningnotification p,
  36 +.environment-notification-plugin-notification-bar .informationnotification p,
  37 +.environment-notification-plugin-notification-bar .successnotification p,
  38 +.environment-notification-plugin-notification-bar .dangernotification p,
  39 +.environment-notification-plugin-notification-bar .adminnotification p,
  40 +.environment-notification-plugin-notification-notification-modal .warningnotification p,
  41 +.environment-notification-plugin-notification-notification-modal .informationnotification p,
  42 +.environment-notification-plugin-notification-notification-modal .successnotification p,
  43 +.environment-notification-plugin-notification-notification-modal .dangernotification p{
  44 + margin: 0px;
  45 +}
  46 +
  47 +.environment-notification-plugin-notification-bar .warningnotification,
  48 +.environment-notification-plugin-notification-notification-modal .warningnotification{
  49 + background: #fcf8e3;
  50 + border: 1px solid #faebcc;
  51 + color: #8a6d3b;
  52 +}
  53 +
  54 +.environment-notification-plugin-notification-bar .warningnotification p a,
  55 +.environment-notification-plugin-notification-notification-modal .warningnotification p a{
  56 + font-weight: bold;
  57 + color: #8a6d3b;
  58 +}
  59 +
  60 +
  61 +.environment-notification-plugin-notification-bar .informationnotification,
  62 +.environment-notification-plugin-notification-notification-modal .informationnotification{
  63 + background: #d9edf7;
  64 + border: 1px solid #bce8f1;
  65 + color: #31708f;
  66 +}
  67 +
  68 +.environment-notification-plugin-notification-bar .informationnotification p a,
  69 +.environment-notification-plugin-notification-notification-modal .informationnotification p a{
  70 + font-weight: bold;
  71 + color: #31708f;
  72 +}
  73 +
  74 +.environment-notification-plugin-notification-bar .successnotification,
  75 +.environment-notification-plugin-notification-notification-modal .successnotification{
  76 + background: #dff0d8;
  77 + border: 1px solid #d6e9c6;
  78 + color: #3c763d;
  79 +}
  80 +
  81 +.environment-notification-plugin-notification-bar .successnotification p a
  82 +.environment-notification-plugin-notification-notification-modal .successnotification p a{
  83 + font-weight: bold;
  84 + color: #3c763d;
  85 +}
  86 +
  87 +.environment-notification-plugin-notification-bar .dangernotification,
  88 +.environment-notification-plugin-notification-notification-modal .dangernotification{
  89 + background: #f2dede;
  90 + border: 1px solid #ebccd1;
  91 + color: #a94442;
  92 +}
  93 +
  94 +.environment-notification-plugin-notification-bar .dangernotification p a,
  95 +.environment-notification-plugin-notification-notification-modal .dangernotification p a{
  96 + font-weight: bold;
  97 + color: #a94442;
  98 +}
  99 +
  100 +.environment-notification-plugin-notification-bar .adminnotification,
  101 +.environment-notification-plugin-notification-notification-modal .adminnotification{
  102 + background: #9a959a;
  103 + border: 1px solid #9a959a;
  104 +}
  105 +
  106 +.environment-notification-plugin-notification-bar .adminnotification p a,
  107 +.environment-notification-plugin-notification-notification-modal .adminnotification p a{
  108 + font-weight: bold;
  109 + color: white;
  110 +}
  111 +
  112 +.environment-notification-plugin-notification-bar .notification .notification-message,
  113 +.environment-notification-plugin-notification-notification-modal .notification .notification-message{
  114 + width: 90%;
  115 + float: left;
  116 +}
  117 +
  118 +.environment-notification-plugin-notification-bar .notification .notification-close{
  119 + background: url(../images/redclose.png) no-repeat;
  120 + background-position: center;
  121 + width: 20px;
  122 + height: 20px;
  123 + float: right;
  124 + cursor: pointer;
  125 +}
  126 +
  127 +.environment-notification-plugin-notification-bar .notification .notification-hide{
  128 + background: url(../images/greenhide.png) no-repeat;
  129 + background-position: center;
  130 + width: 20px;
  131 + height: 20px;
  132 + float: right;
  133 + cursor: pointer;
  134 +}
  135 +
  136 +.environment-notification-plugin-notification-notification-modal{
  137 + display: block;
  138 + min-width: 400px;
  139 + max-width: 700px;
  140 +}
  141 +
  142 +.environment-notification-plugin-form .notification-variables-options{
  143 + font-style: italic;
  144 + color: red;
  145 +}
images/close.png 0 → 100644
View file @e6fb723

240 Bytes
images/greenhide.png 0 → 100644
View file @e6fb723

794 Bytes
images/hide.png 0 → 100644
View file @e6fb723

389 Bytes
images/redclose.png 0 → 100644
View file @e6fb723

552 Bytes
images/show.png 0 → 100644
View file @e6fb723

364 Bytes
@@ -25,6 +25,7 @@ @@ -25,6 +25,7 @@
25 @import url(css/software-catalog-page.css); 25 @import url(css/software-catalog-page.css);
26 @import url(css/tooltip.css); 26 @import url(css/tooltip.css);
27 @import url(css/popover.css); 27 @import url(css/popover.css);
  28 +@import url(css/notifications.css);
28 29
29 @font-face{ 30 @font-face{
30 font-weight: normal; 31 font-weight: normal;