1
0
Fork 0
mirror of synced 2024-06-01 10:29:48 +12:00

Prepering responsive mode

This commit is contained in:
eldadfux 2019-08-14 07:57:27 +03:00
parent 89087f15b8
commit 4b8a2e53b0
4 changed files with 20 additions and 10 deletions

View file

@ -46,7 +46,7 @@ $limit = 3;
</div>
<form class="box padding-small margin-bottom"
<form class="box padding-small margin-bottom search"
data-service="users.listUsers"
data-event="submit"
data-param-search="{{router.params.search}}"
@ -99,7 +99,7 @@ $limit = 3;
</thead>
<tbody data-ls-loop="project-users.users" data-ls-as="user">
<tr>
<td>
<td class="hide">
<img src="" data-ls-attrs="src={{user|gravatar}}" alt="User Avatar" class="avatar pull-start" />
</td>
<td data-title="Name: ">
@ -185,7 +185,7 @@ $limit = 3;
</form>
</div>
<form class="box padding-small margin-bottom"
<form class="box padding-small margin-bottom search"
data-service="teams.listTeams"
data-event="submit"
data-param-search="{{router.params.search}}"

File diff suppressed because one or more lines are too long

View file

@ -733,4 +733,13 @@
.prod-feature {
display: block;
}
}
.search {
@media @phones, @tablets {
button {
margin-top: 20px;
}
}
}

View file

@ -59,9 +59,6 @@ table {
background: #fbfbfb;
}
tr:nth-child(odd) {
}
th {
text-align: @config-start;
font-weight: normal;
@ -109,6 +106,10 @@ table {
border-top: solid 1px @config-color-fade-super;
padding-top: 12px;
.hide {
display: none;
}
thead, tbody, tr, td, th {
width:100%;
display: block;
@ -124,11 +125,11 @@ table {
}
td, th {
padding: 0 10px!important;
min-height: 35px;
line-height: 35px;
padding: 0 20px!important;
text-overflow: ellipsis;
white-space: normal;
height: 40px;
line-height: 40px;
&:first-child, &:last-child {
padding: 0 10px;