cloudstack/ui/stylesheets/csui/_dialog.scss

64 lines
1.6 KiB
SCSS

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
@mixin csui-dialog {
background: white;
box-shadow: 0px 2px 10px black;
position: absolute;
padding: 20px;
@extend .animated.fadeInDown;
.ui-dialog-titlebar {
@include row;
width: 100%;
background-color: white;
padding-top: 10px;
padding-bottom: 20px;
}
.ui-dialog-content {
overflow: auto;
}
.ui-dialog-title {
float: left;
font-weight: bold;
}
.ui-dialog-titlebar-close {
float: right;
}
&.create-form {
max-height: 900px;
overflow: hidden;
@include csui-form;
form {
max-height: 700px;
overflow: auto;
}
}
}
// Defaults
.ui-dialog { // jqUI dialog
@include csui-dialog;
@include animation-duration(300ms);
}