2016-04-16 5 views
0

У меня есть следующий код в метеор.Позиционирование meteor loginButtons modal

myNavbar.html

<template name = "myNavbar"> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid" id = "Nav-Content"> 
     <div class="navbar-header"> 
      <div id= "loginNavElm">{{> loginButtons}}</div> 
     </div> 
     </div> 
    </nav> 
</template> 

myNavBar.css

#Nav-Content{ 
    display: -webkit-flex; 
    -webkit-justify-content: flex-end; 
    display: flex; 
    justify-content: flex-end; 
} 
#loginNavElm{ 
    padding-top: 1vw; 
} 

и мой layout.html

<template name="layout"> 
    <body> 
    {{> myNavbar}} 
    <div class="container"> 
     {{> yield }} 
    </div> 
    </body> 
</template> 

Хотя у меня есть эффект ввода кнопки входа в правом верхнем углу где я хочу, модальный, который всплывает, оправдывает себя на левом краю кнопкой входа и потому, что popu p шире, чем половина кнопки, которая заканчивается правым краем экрана. Мне было интересно, было ли быстрое исправление здесь, что бы модальность появлялась на правом краю экрана, а не по краю.

ответ

0

Игнорируя все остальное разместил этот шаблон стоит только делать то, что должно произойти ...

<template name = "myNavbar"> 
    <nav class="navbar navbar-default"> 
     <div class="container-fluid" id = "Nav-Content"> 
     <div class="navbar-left" id = "Nav-Title"> 
      <p id = "pageTitleNavElm">Common</p> 
     </div> 
     <div class="navbar-right"> 
      <div id= "loginNavElm">{{> loginButtons}}</div> 
     </div> 
     </div> 
    </nav> 
</template> 
Смежные вопросы