Skip to content

Commit 8e56d46

Browse files
G4br13l3G4br13l3
committed
#16: css styles fixed for firefox.
1 parent d613c5b commit 8e56d46

5 files changed

Lines changed: 24 additions & 14 deletions

File tree

‎src/main/webapp/app/entities/widget/implementation/data-widget/bar-chart-widget/bar-chart-widget.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -428,7 +428,7 @@ <h2 style="margin: 0px;">
428428
</label>
429429
</div>
430430
<div class="col-md-4">
431-
<input id="minDocCountForm" class="form-control" type="number" min="1" [max]="minDocCountSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="minDocCount"/>
431+
<input id="minDocCountForm" class="form-control small-vertical-padding" type="number" min="1" [max]="minDocCountSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="minDocCount"/>
432432
</div>
433433
<div class="col-md-1" style="padding-left: 2px;">
434434
<i class="fa fa-question-circle command" aria-hidden="true" [popover]="minDocCountTooltip" containerClass="sidebarPopover" placement="right"
@@ -450,7 +450,7 @@ <h2 style="margin: 0px;">
450450
</label>
451451
</div>
452452
<div class="col-md-4">
453-
<input id="maxValuesPerFieldForm" class="form-control" type="number" min="1" [max]="maxValuesPerFieldSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="maxValuesPerField"/>
453+
<input id="maxValuesPerFieldForm" class="form-control small-vertical-padding" type="number" min="1" [max]="maxValuesPerFieldSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="maxValuesPerField"/>
454454
</div>
455455
<div class="col-md-1" style="padding-left: 2px;">
456456
<i class="fa fa-question-circle command" aria-hidden="true" [popover]="maxValuesPerFieldTooltip" containerClass="sidebarPopover"
@@ -579,15 +579,15 @@ <h2 class="empty-widget-message" [ngStyle]="{top: getEmptyWidgetMessageHeight()}
579579
<li class="col-md-4">
580580
<div *ngIf="dataSourceMetadata" class="class-form">
581581
<span>Class</span>&nbsp;
582-
<select id="classSelection" class="form-control" [(ngModel)]="selectedClass" (ngModelChange)="handleSelectedClassModelChanging()">
582+
<select id="classSelection" class="form-control small-vertical-padding" [(ngModel)]="selectedClass" (ngModelChange)="handleSelectedClassModelChanging()">
583583
<option *ngFor="let className of allClassesNames" [ngValue]="className"> {{className}} </option>
584584
</select>
585585
</div>
586586
</li>
587587
<li class="col-md-5">
588588
<div *ngIf="dataSourceMetadata" class="property-form">
589589
<span>Property</span>&nbsp;
590-
<select id="propertySelection" class="form-control" [(ngModel)]="selectedProperty" (ngModelChange)="handleSelectedPropertyModelChanging()">
590+
<select id="propertySelection" class="form-control small-vertical-padding" [(ngModel)]="selectedProperty" (ngModelChange)="handleSelectedPropertyModelChanging()">
591591
<option *ngFor="let propertyName of selectedClassProperties" [ngValue]="propertyName"> {{propertyName}} </option>
592592
</select>
593593
</div>

‎src/main/webapp/app/entities/widget/implementation/data-widget/graph-widget/graphwidget.component.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -656,7 +656,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
656656
</label>
657657
</div>
658658
<div class="col-md-5">
659-
<input id="layoutTimeout" class="form-control" type="number" style="width: 80%;height: 20px;" min="10" max="1000" step="1"
659+
<input id="layoutTimeout" class="form-control layout-input-params small-vertical-padding" type="number" min="10" max="1000" step="1"
660660
[(ngModel)]="springLength" />
661661
</div>
662662
<div class="col-md-1" style="padding-left: 2px;">
@@ -671,7 +671,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
671671
</label>
672672
</div>
673673
<div class="col-md-5">
674-
<input id="layoutTimeout" class="form-control" type="number" style="width: 80%;height: 20px;" step="0.0001" [(ngModel)]="springCoeff"
674+
<input id="layoutTimeout" class="form-control layout-input-params small-vertical-padding" type="number" step="0.0001" [(ngModel)]="springCoeff"
675675
/>
676676
</div>
677677
<div class="col-md-1" style="padding-left: 2px;">
@@ -686,7 +686,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
686686
</label>
687687
</div>
688688
<div class="col-md-5">
689-
<input id="layoutTimeout" class="form-control" type="number" style="width: 80%;height: 20px;" step="0.01" [(ngModel)]="dragCoeff"
689+
<input id="layoutTimeout" class="form-control layout-input-params small-vertical-padding" type="number" step="0.01" [(ngModel)]="dragCoeff"
690690
/>
691691
</div>
692692
<div class="col-md-1" style="padding-left: 2px;">
@@ -701,7 +701,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
701701
</label>
702702
</div>
703703
<div class="col-md-5">
704-
<input id="layoutTimeout" class="form-control" type="number" style="width: 80%;height: 20px;" step="0.1" [(ngModel)]="gravity"
704+
<input id="layoutTimeout" class="form-control layout-input-params small-vertical-padding" type="number" step="0.1" [(ngModel)]="gravity"
705705
/>
706706
</div>
707707
<div class="col-md-1" style="padding-left: 2px;">
@@ -716,7 +716,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
716716
</label>
717717
</div>
718718
<div class="col-md-5">
719-
<input id="layoutTimeout" class="form-control" type="number" style="width: 80%;height: 20px;" min="1" max="20" step="1" [(ngModel)]="theta"
719+
<input id="layoutTimeout" class="form-control layout-input-params small-vertical-padding" type="number" min="1" max="20" step="1" [(ngModel)]="theta"
720720
/>
721721
</div>
722722
<div class="col-md-1" style="padding-left: 2px;">
@@ -763,7 +763,7 @@ <h4 class="modal-title" jhiTranslate="graphwidget.queryModal.title">Query</h4>
763763
</label>
764764
</div>
765765
<div class="col-md-3">
766-
<input id="layoutTimeout" class="form-control" type="number" style="width: 45px;height: 20px;" min="1" max="60" step="1"
766+
<input id="layoutTimeout" class="form-control small-vertical-padding" type="number" style="width: 45px;height: 20px;" min="1" max="60" step="1"
767767
[(ngModel)]="runningLayoutTimeThreshold" />
768768
</div>
769769
<div class="col-md-3" style="padding-left: 0px;">

‎src/main/webapp/app/entities/widget/implementation/data-widget/graph-widget/graphwidget.component.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -323,4 +323,9 @@ li a {
323323

324324
#shortestPathSwap[disabled="disabled"]:hover {
325325
cursor: not-allowed;
326+
}
327+
328+
.layout-input-params {
329+
width: 80%;
330+
height: 20px;
326331
}

‎src/main/webapp/app/entities/widget/implementation/data-widget/pie-chart-widget/pie-chart-widget.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ <h2 style="margin: 0px;">
110110
</label>
111111
</div>
112112
<div class="col-md-4">
113-
<input id="minDocCountForm" class="form-control" type="number" min="1" [max]="minDocCountSliderUpperValue" step="1" style="height: 20px;"
113+
<input id="minDocCountForm" class="form-control small-vertical-padding" type="number" min="1" [max]="minDocCountSliderUpperValue" step="1" style="height: 20px;"
114114
[(ngModel)]="minDocCount" />
115115
</div>
116116
<div class="col-md-1" style="padding-left: 2px;">
@@ -133,7 +133,7 @@ <h2 style="margin: 0px;">
133133
</label>
134134
</div>
135135
<div class="col-md-4">
136-
<input id="maxValuesPerFieldForm" class="form-control" type="number" min="1" [max]="maxValuesPerFieldSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="maxValuesPerField"
136+
<input id="maxValuesPerFieldForm" class="form-control small-vertical-padding" type="number" min="1" [max]="maxValuesPerFieldSliderUpperValue" step="1" style="height: 20px;" [(ngModel)]="maxValuesPerField"
137137
/>
138138
</div>
139139
<div class="col-md-1" style="padding-left: 2px;">
@@ -263,15 +263,15 @@ <h2 class="empty-widget-message" [ngStyle]="{top: getEmptyWidgetMessageHeight()}
263263
<li class="col-md-4">
264264
<div *ngIf="dataSourceMetadata" class="class-form">
265265
<span>Class</span>&nbsp;
266-
<select id="classSelection" class="form-control" [(ngModel)]="selectedClass" (ngModelChange)="handleSelectedClassModelChanging()">
266+
<select id="classSelection" class="form-control small-vertical-padding" [(ngModel)]="selectedClass" (ngModelChange)="handleSelectedClassModelChanging()">
267267
<option *ngFor="let className of allClassesNames" [ngValue]="className"> {{className}} </option>
268268
</select>
269269
</div>
270270
</li>
271271
<li class="col-md-5">
272272
<div *ngIf="dataSourceMetadata" class="property-form">
273273
<span>Property</span>&nbsp;
274-
<select id="propertySelection" class="form-control" [(ngModel)]="selectedProperty" (ngModelChange)="handleSelectedPropertyModelChanging()">
274+
<select id="propertySelection" class="form-control small-vertical-padding" [(ngModel)]="selectedProperty" (ngModelChange)="handleSelectedPropertyModelChanging()">
275275
<option *ngFor="let propertyName of selectedClassProperties" [ngValue]="propertyName"> {{propertyName}} </option>
276276
</select>
277277
</div>

‎src/main/webapp/content/scss/global.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -299,4 +299,9 @@ Social button
299299

300300
.no-padding {
301301
padding: 0px;
302+
}
303+
304+
.small-vertical-padding {
305+
padding-top: 2px !important;
306+
padding-bottom: 2px !important;
302307
}

0 commit comments

Comments
 (0)