如何改变模态

Question

我在我的角度项目中使用了ui bootstrap v0.10。当我尝试使用模态窗口时，我可以使用windowClass将宽度设置为更小的尺寸，但是它的更改也会将窗口位置调到最右边。

任何人都可以帮助我吗？

我用来尝试更改宽度的代码如下：

    $stateProvider.state("signin", {
        url: "/signin",
        onEnter: function ($stateParams, $state, $modal) {
            $modal.open({
                templateUrl: 'Pages/Modals/Signin.html',
                windowClass: 'fs-login-modal',
                controller: ['$scope', function ($scope) {
                    $scope.dismiss = function () {
                        $scope.$dismiss();
                    };
                }]
            }).result.then(function (result) {
                if (result) {
                    return $state.transitionTo("/");
                }
            });
        }
    });

我的css类设置如下：         login-modal {         宽度：270px;         }

祝你好运， 陈

Answer 1

如果记忆对我有用，请在左半边加一个负边距。

.login-modal { 
  width:270px; 
  margin-left: -135px;
}

我记得它有点复杂，可能正在处理.modal-inner类或其他东西，但这应该让你走上正轨。