Phone responsive design

This commit is contained in:
jendib 2013-08-04 19:21:06 +02:00
parent fe44930d99
commit 0e330a1cbd
5 changed files with 12 additions and 7 deletions

View File

@ -53,7 +53,7 @@
<div class="navbar" ng-controller="Navigation"> <div class="navbar" ng-controller="Navigation">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="brand" href="#">Sismics Docs</a> <a class="brand hidden-phone" href="#">Sismics Docs</a>
<ul class="nav" ng-show="!userInfo.anonymous"> <ul class="nav" ng-show="!userInfo.anonymous">
<li ng-class="{active: $uiRoute}" ui-route="/document.*"><a href="#/document"><span class="icon-book"></span> Documents</a></li> <li ng-class="{active: $uiRoute}" ui-route="/document.*"><a href="#/document"><span class="icon-book"></span> Documents</a></li>
@ -61,8 +61,8 @@
</ul> </ul>
<ul class="nav pull-right" ng-show="!userInfo.anonymous"> <ul class="nav pull-right" ng-show="!userInfo.anonymous">
<li ng-class="{active: $uiRoute}" ui-route="/settings.*"><a href="#/settings/account"><span class="icon-cog"></span> Settings</a></li> <li ng-class="{active: $uiRoute}" ui-route="/settings.*"><a href="#/settings/account"><span class="icon-cog"></span><span class="hidden-phone"> Settings</span></a></li>
<li><a href="#" ng-click="logout($event)"><span class="icon-off"></span> Logout</a></li> <li><a href="#" ng-click="logout($event)"><span class="icon-off"></span><span class="hidden-phone"> Logout</span></a></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -2,5 +2,6 @@
<ul class="inline"> <ul class="inline">
<li ng-repeat="tag in tags"><span class="label label-info">{{ tag.name }} <span class="icon-remove icon-white" ng-click="deleteTag(tag)"></span></span></li> <li ng-repeat="tag in tags"><span class="label label-info">{{ tag.name }} <span class="icon-remove icon-white" ng-click="deleteTag(tag)"></span></span></li>
</ul> </ul>
<input type="text" id="{{ ref }}" placeholder="Type a tag" ng-model="input" autocomplete="off" typeahead="tag.name for tag in allTags | filter: $viewValue" typeahead-on-select="addTag()" /> <input class="span12" type="text" id="{{ ref }}" placeholder="Type a tag" ng-model="input"
autocomplete="off" typeahead="tag.name for tag in allTags | filter: $viewValue" typeahead-on-select="addTag()" />
</div> </div>

View File

@ -15,9 +15,9 @@
<div class="control-group"> <div class="control-group">
<label class="control-label" for="inputCreateDateMin">Creation date</label> <label class="control-label" for="inputCreateDateMin">Creation date</label>
<div class="controls"> <div class="controls">
<input class="span4" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMin" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMin" starting-day="1" show-weeks="false" /> <input class="span5" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMin" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMin" starting-day="1" show-weeks="false" />
to to
<input class="span4" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMax" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMax" starting-day="1" show-weeks="false" /> <input class="span5" ng-readonly="true" ng-change="loadDocuments()" type="text" id="inputCreateDateMax" datepicker-popup="yyyy-MM-dd" ng-model="search.createDateMax" starting-day="1" show-weeks="false" />
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">

View File

@ -12,7 +12,7 @@
ng-class="{ info: log.level == 'INFO' || log.level == 'DEBUG', warn: log.level == 'WARN', error: log.level == 'ERROR' || log.level == 'FATAL' }"> ng-class="{ info: log.level == 'INFO' || log.level == 'DEBUG', warn: log.level == 'WARN', error: log.level == 'ERROR' || log.level == 'FATAL' }">
<td>{{ log.date | date: 'yyyy-MM-dd HH:mm' }}</td> <td>{{ log.date | date: 'yyyy-MM-dd HH:mm' }}</td>
<td>{{ log.tag }}</td> <td>{{ log.tag }}</td>
<td>{{ log.message }}</td> <td class="cell-message">{{ log.message }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@ -16,6 +16,10 @@
&:first-child { &:first-child {
white-space: nowrap; white-space: nowrap;
} }
.cell-message {
word-wrap: break-word;
}
} }
} }