The html file:
<div class="row" >
<div class="col-sm-12 col-xs-12 col-md-12 col-lg-6 col-lg-offset-3">
<div ng-show="loading">
<img class="centered" width="100" height="100" src="img/spin.gif" />
</div>
<div ng-hide="loading">
<button class="btn btn-block btn-primary"
ng-click="refresh()">Refresh</button>
<br />
<div ng-show="connected" class="container fadein" ng-repeat="lob in
lobs"
style="padding-top:2%;padding-bottom:2%;">
<!-- Change button display color based on bridge status -->
<button ng-click="selectLob(lob)"
class="btn btn-default btn-block" style="height:4em;">
<i ng-if="lob.status == 1" class="glyphicon glyphicon-remove pull-right"
style="color:red;font-size:1.5em"></i>
<i ng-if="lob.status == 2" class="glyphicon glyphicon-warning-sign
pull-right"
style="color:orange;font-size:1.5em"></i>
<i ng-if="lob.status == 3" class="glyphicon glyphicon-ok pull-right"
style="color:green;font-size:1.5em"></i>
{{lob.name}}
</button>
</div>
<div ng-hide="connected" class="container fadein"
style="text-align:center">
<p>Error: Information could not be retrieved from the database. Please
ensure that you are connected to the intranet</p>
</div>
</div>
</div>
</div>
The css file :
body {
background-color: #DDDDDD;
overflow-x:hidden!important;
}
.container {
padding-right: 0;
padding-left: 0;
margin-right: -1px;
margin-left: -1px;
max-width:100%!important;
}
in my code I am showing spinner to the user. The code works fine but screen
moves sideways. User can drag the screen to move it sideways.
In one of the post on stackoverflow I found that this issue can be fixed if
I use 'overflow-x:hidden!important;'. The side ways screen moving issue is
fixed but the spinner disappears.
Can some one please suggest some solution.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
