CODEWITHSUNDEEP
angular-material
Steven Scott
Steven Scott

Reputation: 11250

Angular-Material 1 inch blank space above toolbar

I noticed that when I use an Angular Material toolbar on Chrome, I get about a 1 inch blank space at the top of the window (page, modal, dialog, etc...). How do I remove this?

Blank Space above Toolbar

Code producing the Modal:

<md-dialog aria-label="Game Info and Map">
    <md-dialog-content>
        <md-toolbar flex layout="row" layout-align="space-between center">
            <img ng-src="{{schedule.HomeTeamLogo}}" class="TeamLogo" alt="{{schedule.HomeTeamName}} Logo" />
            <h5>{{schedule.GameDate | SLS_Date}} @ {{schedule.GameTime | SLS_Time:'hh:mm'}}</h5>
            <img ng-src="{{schedule.AwayTeamLogo}}" class="TeamLogo" alt="{{schedule.AwayTeamName}} Logo" />
        </md-toolbar>
        <section layout="column" layout-align="center">
            <div ng-init="coords={latitude: false, longitude: false}">
                <gm-map options="{center: [{{schedule.Latitude}}, {{schedule.Longtitude}}], zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP}">
                    <gm-marker options="{position: [{{schedule.Latitude}}, {{schedule.Longtitude}}], draggable: false}">
                        <gm-infowindow options="{content: '{{schedule.VenueName}}'}"></gm-infowindow>
                    </gm-marker>
                </gm-map>
            </div>
        </section>
    </md-dialog-content>    

    <section>
        <div class="md-actions">
            <md-button ng-click="CloseDialog()" class="md-fab md-fab-bottom-right md-mini" aria-label="Close"><ng-md-icon icon="close"></ng-md-icon></md-button>
        </div>
    </section>
</md-dialog>

Plunkr

Upvotes: 0

Views: 2089

Answers (1)

bobleujr
bobleujr

Reputation: 1176

Steven,

It seems to me that your md-action css class has a min-height: 52px. A little strange but you can work this around in your css. Try something like on this plunker. If this css change affects more than it should, try specializing your css like adding a new class or so.

hope it will help :)

Upvotes: 1

Related Questions