valitydev/redash
14
0
Fork 0
mirror of https://github.com/valitydev/redash.git synced 2024-11-07 09:28:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

#121: mobile tweaks

Browse Source
This commit is contained in:
Amir Nissim 2014-03-06 17:00:27 +02:00
parent 35f4be1abc
commit 498027301e
2 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
rd_ui/app/styles/redash.css
View File

@ -235,4 +235,14 @@ textarea.rd-form-control {
}
visualization-renderer > div {
overflow: scroll;
}
/*
bootstrap's hidden-xs class adds display:block when not hidden
use this class when you need to keep the original display value
*/
@media (max-width: 767px) {
.rd-hidden-xs {
display: none !important;
}
}

30
rd_ui/app/views/queryview.html
View File

@ -14,18 +14,40 @@
<span ng-show="!isQueryVisible">View Query</span>
<span ng-show="isQueryVisible">Hide Query</span>
</button>
<button class="btn btn-default" ng-show="canEdit" ng-click="toggleEdit()">
<button class="btn btn-default rd-hidden-xs" ng-show="canEdit" ng-click="toggleEdit()">
<span class="glyphicon glyphicon-edit"></span>
<span ng-show="isEditing"> Done</span>
<span ng-show="!isEditing"> Edit</span>
</button>
<button type="button" class="btn btn-default" ng-click="duplicateQuery()">
<button class="btn btn-default rd-hidden-xs" ng-click="duplicateQuery()">
<span class="glyphicon glyphicon-share-alt"></span> Duplicate
</button>
<a class="btn btn-primary" ng-disabled="queryExecuting || !queryResult.getData()" ng-href="{{dataUri}}" download="{{dataFilename}}" target="_self"><span class="glyphicon glyphicon-cloud-download"></span> Download
<a class="btn btn-primary" ng-disabled="queryExecuting || !queryResult.getData()" ng-href="{{dataUri}}" download="{{dataFilename}}" target="_self">
<span class="glyphicon glyphicon-cloud-download"></span>
<span class="rd-hidden-xs">Download</span>
</a>
</span>
</h2>
<div class="visible-xs">
<p>
<em>{{ query.description }}</em>
</p>
<p>
<span class="text-muted">Last update </span>
<strong am-time-ago="queryResult.query_result.retrieved_at"></strong>
&nbsp;
<span class="text-muted">Created By </span>
<strong>{{query.user.name}}</strong>
&nbsp;
<span class="text-muted">Runtime </span>
<strong ng-show="!queryExecuting">{{queryResult.getRuntime() | durationHumanize}}</strong>
<span ng-show="queryExecuting">Running&hellip;</span>
&nbsp;
<span class="text-muted">Rows </span>
<strong>{{queryResult.getData().length}}</strong>
</p>
</div>
</div>
</div>
@ -72,7 +94,7 @@
</div>
<div class="row">
<div class="col-lg-3">
<div class="col-lg-3 rd-hidden-xs">
<p>
<em>
<edit-in-place editable="isEditing" editor="textarea" placeholder="No description" ignore-blanks='false' value="query.description"></edit-in-place>