kallithea Changeset - 27dc67382cf6

Changeset - 27dc67382cf6

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Na'Tosha Bard - 11 years ago 2014-09-19 14:45:54
natosha@unity3d.com

Improve buttons on on 'My Notifications' page (switch to small button class with a bit of padding, add padding around status icons)

2 files changed with 6 insertions and 6 deletions:

kallithea/templates/admin/notifications/notifications.html

kallithea/templates/admin/notifications/notifications_data.html

0 comments (0 inline, 0 general)

kallithea/templates/admin/notifications/notifications.html

➞

Show inline comments

@@ @@ -15,31 +15,31 @@ @@
 <%def name="page_nav()">
     ${self.menu('admin')}
 </%def>
 <%def name="main()">
 <div class="box">
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
     </div>
       <div style="padding:14px 18px;text-align: right;float:left">
       <span id='all' class="btn btn-mini"><a href="${h.url.current()}">${_('All')}</a></span>
       <span id='comment' class="btn btn-mini"><a href="${h.url.current(type=c.comment_type)}">${_('Comments')}</a></span>
       <span id='pull_request' class="btn btn-mini"><a href="${h.url.current(type=c.pull_request_type)}">${_('Pull Requests')}</a></span>
       <span id='all' class="btn btn-small"><a href="${h.url.current()}">${_('All')}</a></span>
       <span id='comment' class="btn btn-small"><a href="${h.url.current(type=c.comment_type)}">${_('Comments')}</a></span>
       <span id='pull_request' class="btn btn-small"><a href="${h.url.current(type=c.pull_request_type)}">${_('Pull Requests')}</a></span>
       </div>
       %if c.notifications:
       <div style="padding:14px 18px;text-align: right;float:right">
-      <span id='mark_all_read' class="btn btn-mini">${_('Mark All Read')}</span>
+      <span id='mark_all_read' class="btn btn-small">${_('Mark All Read')}</span>
       </div>
       %endif
   <div id='notification_data'>
     <%include file='notifications_data.html'/>
   </div>
 </div>
 <script type="text/javascript">
 var url_action = "${url('notification', notification_id='__NOTIFICATION_ID__')}";
 var run = function(){
   $('.delete-notification').click(function(e){
     var notification_id = e.currentTarget.id;
     deleteNotification(url_action,notification_id);

kallithea/templates/admin/notifications/notifications_data.html

➞

Show inline comments

@@ @@ -8,29 +8,29 @@ unread = lambda n:{False:'unread'}.get(n @@
 <div class="notification-list  notification-table">
 %for notification in c.notifications:
   <div id="notification_${notification.notification.notification_id}" class="container ${unread(notification.read)}">
     <div class="notification-header">
       <div class="gravatar">
           <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(notification.notification.created_by_user.email),24)}"/>
       </div>
       <div class="desc ${unread(notification.read)}">
       <a href="${url('notification', notification_id=notification.notification.notification_id)}">${notification.notification.description}</a>
       </div>
       <div class="delete-notifications">
         <span id="${notification.notification.notification_id}" class="delete-notification"><i class="icon-minus-sign" id="yui-gen24" style="color: #b94a48"></i></span>
+        <span id="${notification.notification.notification_id}" class="delete-notification"><i class="icon-minus-sign" id="yui-gen24" style="color: #b94a48; padding: 2px;"></i></span>
       </div>
       %if not notification.read:
       <div class="read-notifications">
         <span id="${notification.notification.notification_id}" class="read-notification"><i class="icon-ok-sign" id="yui-gen24" style="color: #4CBB17"></i></span>
+        <span id="${notification.notification.notification_id}" class="read-notification"><i class="icon-ok-sign" id="yui-gen24" style="color: #4CBB17; padding: 2px;"></i></span>
       </div>
       %endif
     </div>
         <div class="notification-subject"></div>
   </div>
 %endfor
 </div>
 <div class="notification-paginator">
   <div class="pagination-wh pagination-left">
   ${c.notifications.pager('$link_previous ~2~ $link_next',**request.GET.mixed())}
   </div>

0 comments (0 inline, 0 general)