kallithea Changeset - 78f08233a28c

Changeset - 78f08233a28c

Parent rev.

Child rev.

[Not reviewed]

default

0 4 0

Mads Kiilerich - 9 years ago 2017-02-16 01:54:36
mads@kiilerich.com

style: introduce Bootstrap list-group and list-group-item

Based on work by Dominik Ruf.

4 files changed with 20 insertions and 22 deletions:

kallithea/public/css/style.css

kallithea/templates/admin/notifications/notifications_data.html

kallithea/templates/files/files_source.html

kallithea/templates/summary/summary.html

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -1150,19 +1150,17 @@ div.form div.form-horizontal div.form-gr @@
     min-height: 240px;
+}
 #summary-menu-stats {
+ul#summary-menu-stats {
     float: left;
     width: 180px;
     position: absolute;
     top: 0;
     right: 0;
+}
 #summary-menu-stats ul {
     display: block;
     background-color: #f9f9f9;
     border: 1px solid #d1d1d1;
     border-radius: 4px;
     margin: 10px 20px;
+}
 #content #summary-menu-stats li {

kallithea/templates/admin/notifications/notifications_data.html

➞

Show inline comments

@@ @@ -4,20 +4,20 @@ @@
 unread = lambda n:{False:'unread'}.get(n)
 %>
 <div class="notification-list notification-table">
+<div class="notification-list notification-table list-group">
 %for notification in c.notifications:
   <div id="notification_${notification.notification.notification_id}" class="container ${unread(notification.read)}">
     <div class="notification-header">
   <div id="notification_${notification.notification.notification_id}" class="list-group-item ${unread(notification.read)}">
     <div>
       ${h.gravatar_div(notification.notification.created_by_user.email, size=24)}
       <span class="desc ${unread(notification.read)}">
         <a href="${url('notification', notification_id=notification.notification.notification_id)}">${notification.notification.description}</a>
       </span>
       <span class="delete-notifications">
-        <span id="${notification.notification.notification_id}" class="delete-notification"><i class="icon-minus-circled" style="color: #b94a48; padding: 2px;"></i></span>
+        <span id="${notification.notification.notification_id}" class="delete-notification"><i class="btn icon-minus-circled"></i></span>
       </span>
       %if not notification.read:
       <span class="read-notifications">
-        <span id="${notification.notification.notification_id}" class="read-notification"><i class="icon-ok" style="color: #4CBB17; padding: 2px;"></i></span>
+        <span id="${notification.notification.notification_id}" class="read-notification"><i class="btn icon-ok"></i></span>
       </span>
       %endif
     </div>

kallithea/templates/files/files_source.html

➞

Show inline comments

@@ @@ -54,11 +54,12 @@ @@
         </div>
         <div class="commit">${h.urlify_text(c.changeset.message,c.repo_name)}</div>
     </div>
     <div class="code-body">
     <ul class="list-group">
       <li class="list-group-item">
       %if c.file.is_browser_compatible_image():
         <img src="${h.url('files_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.f_path)}" class="img-preview"/>
       %elif c.file.is_binary:
-        <div style="padding:5px">
         <div>
           ${_('Binary file (%s)') % c.file.mimetype}
         </div>
       %else:
@@ @@ -79,7 +80,8 @@ @@
             </h4>
         %endif
       %endif
     </div>
       </li>
     </ul>
 </div>
 <script>

kallithea/templates/summary/summary.html

➞

Show inline comments

@@ @@ -120,21 +120,20 @@ summary = lambda n:{False:'summary-short @@
               </div>
             </div>
         </div>
         <div id="summary-menu-stats">
           <ul>
             <li>
         <ul id="summary-menu-stats" class="list-group">
             <li class="list-group-item">
                <a title="${_('Owner')} ${c.db_repo.owner.email}">
                 <i class="icon-user"></i> ${c.db_repo.owner.username}
                 ${h.gravatar_div(c.db_repo.owner.email, size=18, div_style="float: right; margin: 0px 0px 0px 0px", div_title=c.db_repo.owner.full_name)}
               </a>
             </li>
             <li>
+            <li class="list-group-item">
                <a title="${_('Followers')}" href="${h.url('repo_followers_home',repo_name=c.repo_name)}">
                 <i class="icon-heart"></i> ${_('Followers')}
                 <span class="badge" id="current_followers_count">${c.repository_followers}</span>
               </a>
             </li>
             <li>
+            <li class="list-group-item">
               <a title="${_('Forks')}" href="${h.url('repo_forks_home',repo_name=c.repo_name)}">
                 <i class="icon-fork"></i> ${_('Forks')}
                 <span class="badge">${c.repository_forks}</span>
@@ @@ -142,13 +141,13 @@ summary = lambda n:{False:'summary-short @@
             </li>
             %if request.authuser.username != 'default':
-            <li class="repo_size clearfix">
+            <li class="list-group-item clearfix">
               <a href="#" onclick="javascript:showRepoSize('repo_size_2','${c.db_repo.repo_name}')"><i class="icon-ruler"></i> ${_('Repository Size')}</a>
               <span  class="stats-bullet" id="repo_size_2"></span>
             </li>
             %endif
             <li>
+            <li class="list-group-item">
             %if request.authuser.username != 'default':
               <a href="${h.url('atom_feed_home',repo_name=c.db_repo.repo_name,api_key=request.authuser.api_key)}"><i class="icon-rss-squared"></i> ${_('Feed')}</a>
             %else:
@@ @@ -157,14 +156,13 @@ summary = lambda n:{False:'summary-short @@
             </li>
             %if c.show_stats:
             <li>
+            <li class="list-group-item">
               <a title="${_('Statistics')}" href="${h.url('repo_stats_home',repo_name=c.repo_name)}">
                 <i class="icon-graph"></i> ${_('Statistics')}
               </a>
             </li>
             %endif
           </ul>
         </div>
         </ul>
     </div>
 </div>

0 comments (0 inline, 0 general)