IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(): added gf-form-select-wrapper

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-02-20 17:21:35 +01:00
parent 640c9a49d8
commit 1f28ff6890
2 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/features/datasources/partials/edit.html
View File

@ -20,7 +20,9 @@
<div class="gf-form"> <div class="gf-form">
<span class="gf-form-label width-7">Type</span> <span class="gf-form-label width-7">Type</span>
<select class="gf-form-input gf-size-auto" ng-model="current.type" ng-options="k as v.name for (k, v) in types" ng-change="typeChanged()"></select> <div class="gf-form-select-wrapper">
<select class="gf-form-input gf-size-auto" ng-model="current.type" ng-options="k as v.name for (k, v) in types" ng-change="typeChanged()"></select>
</div>
</div> </div>
</div> </div>

53
public/sass/components/_gf-form.scss
View File

@ -104,34 +104,31 @@ $gf-form-label-margin: 0.2rem;
&.gf-size-auto { width: auto; } &.gf-size-auto { width: auto; }
} }
// select.gf-form-input { .gf-form-select-wrapper {
// -webkit-appearance: none; position: relative;
// -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
// appearance: none; select.gf-form-input {
// padding-right: $input-padding-x*2;
// -webkit-appearance: none;
// &:-moz-focusring { -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
// color: transparent; appearance: none;
// }
// } &:-moz-focusring {
// color: transparent;
// .gf-form-select-wrapper { }
// position: relative; }
// &:after {
// position: absolute; &:after {
// top: 50%; position: absolute;
// right: 10px; top: 35%;
// height: 12px; right: $input-padding-x/2;
// margin-top: -6px; background-color: transparent;
// padding: 0; color: $input-color;
// background-color: transparent; font: normal normal normal $font-size-sm/1 FontAwesome;
// color: $input-color; content: '\f0d7';
// font: normal normal normal 14px/1 FontAwesome; pointer-events: none;
// text-align: center; }
// content: '\f0d7'; }
// pointer-events: none;
// }
// }
.gf-form-btn { .gf-form-btn {
padding: $input-padding-y $input-padding-x; padding: $input-padding-y $input-padding-x;