Add table-hover css class

This commit is contained in:
Frederic Guillot 2017-02-14 22:22:04 -05:00
parent a559dc0be7
commit 5376bb9e0c
7 changed files with 16 additions and 9 deletions

View File

@ -8,7 +8,7 @@
<?php if ($paginator->isEmpty()): ?>
<p class="alert"><?= t('There is no group.') ?></p>
<?php else: ?>
<table class="table-fixed table-scrolling">
<table class="table-fixed table-scrolling table-hover">
<tr>
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
<th><?= $paginator->order(t('Name'), 'name') ?></th>

View File

@ -8,7 +8,7 @@
<?php if ($paginator->isEmpty()): ?>
<p class="alert"><?= t('There is no user in this group.') ?></p>
<?php else: ?>
<table class="table-striped table-scrolling">
<table class="table-striped table-scrolling table-hover">
<tr>
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
<th><?= $paginator->order(t('Username'), 'username') ?></th>

View File

@ -20,7 +20,7 @@
<?php if ($paginator->isEmpty()): ?>
<p class="alert"><?= t('No user') ?></p>
<?php else: ?>
<table class="table-scrolling table-striped">
<table class="table-scrolling table-striped table-hover">
<tr>
<th class="column-5"><?= $paginator->order(t('Id'), 'id') ?></th>
<th class="column-18"><?= $paginator->order(t('Username'), 'username') ?></th>

File diff suppressed because one or more lines are too long

View File

@ -16,12 +16,12 @@
background: #fafafa
.comment-highlighted
background-color: #FFF8DC
border: 2px solid #FFF8DC
border-left: 2px solid #ffeb8e
background-color: map-get($highlight-colors, 'background')
border: 2px solid map-get($highlight-colors, 'background')
border-left: 2px solid map-get($highlight-colors, 'border')
&:hover
background-color: #FFF8DC
border: 2px solid #ffeb8e
background-color: map-get($highlight-colors, 'background')
border: 2px solid map-get($highlight-colors, 'border')
.comment-title
border-bottom: 1px dotted #eee

View File

@ -23,6 +23,11 @@ table
&.table-striped tr:nth-child(odd)
background: bg-color('lighter')
&.table-hover tr:hover
background: map-get($highlight-colors, 'background')
td
border: 2px solid map-get($highlight-colors, 'border')
&.table-scrolling
@include sm-device
overflow-x: auto

View File

@ -21,6 +21,8 @@ $font-sizes: ('normal': 1.0em, 'tiny': 0.7em, 'small': 0.8em, 'compact': 0.9em,
$icon-colors: ('success': #468847, 'error': #b94a48)
$highlight-colors: ('background': #FFF8DC, 'border': #ffeb8e)
$text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
$board-task-limit-color: #DF5353