6

アプリで通知をポップアップするために AngularJS-Toaster を使用しています。フロントエンドにはブートストラップを使用しています。

クラス「コンテナ」を使用すると、1200px のグリッドがあります。内部には、ポップアップ通知を含む div があります。

ポップアップ通知の幅を、このトースターが含まれるコンテナーと同じ幅に調整したいと思います。トースターには、ポップアップの位置と幅を変更するパラメーター「position-class」があることがわかりました。たとえば、「toast-top-full-width」ですが、それを使用して全画面通知を取得すると、それが含まれるコンテナーに調整されません。これは Css を使用して実行できることだと思いますが、どうすればよいでしょうか。手伝っていただけませんか？

ここに私のhtmlコード：

<body data-ng-controller="AppController">


    <div id="container" class="container">

   <toaster-container toaster-options="{'position-class': 'toast-container','time-out': 3000, 'close-button':true}"></toaster-container>

        <div id="header" data-ng-include="'partials/header/header.html'" ></div>



        <div data-ng-view></div>
        <div id="footer" data-ng-include="'partials/footer/footer.html'"></div>


        <div id="loader" class="loading overlay" data-ng-if="loader.loading">
            <p>We are loading the products. Please wait...</p>
            <img alt="" src="images/ajax-loader.gif">
         </div>   

    </div>

    <div id="loginPanel" data-ng-include="'partials/content/panels/login.html'"></div>

事前にどうもありがとうございました。

4

3 に答える 3