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 355  
356 356 /* Blog tab*/
357 357  
  358 +#content #blog-tab .software-blog-post-empty{
  359 + margin-top: 30px;
  360 +}
  361 +
358 362 #content #blog-tab .blog-posts{
359 363 margin-top:15px;
360 364 }
... ... @@ -394,11 +398,13 @@
394 398 display:inline;
395 399 text-align: left;
396 400 }
  401 +
397 402 #content #blog-tab .blog .blog-post .publishing-info .date {
398 403 margin: 0px 0px 5px 0px;
399   - display: table-cell;
  404 + display: block;
400 405 font-size: 11px;
401 406 }
  407 +
402 408 #content #blog-tab .blog .blog-post .author {
403 409 display: none;
404 410 }
... ... @@ -687,9 +693,10 @@ float: left;
687 693  
688 694 .profile-type-is-community #content .members-block .common-profile-list-block .vcard .menu-submenu-trigger{
689 695 display: block;
690   - height: 13px;
  696 + height: 16px;
691 697 top: 3px;
692 698 left: 4px;
  699 + padding-top: 0px;
693 700 padding-bottom: 0px;
694 701 margin: 0;
695 702 background: #172738;
... ... @@ -702,7 +709,7 @@ float: left;
702 709 color: #fff;
703 710 font-family: FontAwesome;
704 711 font-size: 8px;
705   - line-height: 11px;
  712 + line-height: 16px;
706 713 }
707 714  
708 715 .profile-type-is-community #content .members-block .common-profile-list-block .fn {
... ... @@ -734,6 +741,10 @@ float: left;
734 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 748 .profile-type-is-community #content .members-block .menu-submenu-content .menu-submenu-list li a{
738 749 padding: 2px;
739 750 color: #fff;
... ... @@ -742,7 +753,7 @@ float: left;
742 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 757 border: none;
747 758 }
748 759  
... ... @@ -972,11 +983,15 @@ float: left;
972 983 }
973 984  
974 985 .action-profile-members .box-1 .common-profile-list-block span{
975   - margin-right: 9px;
  986 + margin-right: 0px;
976 987 width: 90px;
977 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 995 .action-profile-members .common-profile-list-block img{
981 996 border-radius: 4px;
982 997 width: 82px;
... ... @@ -1069,9 +1084,9 @@ float: left;
1069 1084 .action-profile-members .common-profile-list-block .vcard .menu-submenu-trigger{
1070 1085 display: block;
1071 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 1090 padding-bottom: 0px;
1076 1091 border-radius: 5px;
1077 1092 -moz-border-radius:5px;
... ...
css/notifications.css 0 → 100644
  Diff comments   View file @e6fb723
... ... @@ -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
style.css
  Diff comments   View file @e6fb723
... ... @@ -25,6 +25,7 @@
25 25 @import url(css/software-catalog-page.css);
26 26 @import url(css/tooltip.css);
27 27 @import url(css/popover.css);
  28 +@import url(css/notifications.css);
28 29  
29 30 @font-face{
30 31 font-weight: normal;
... ...