Add new co-alert CSS styles and fix some other UI issues
This commit is contained in:
parent
f46d9c88cf
commit
5ed900c9bc
7 changed files with 135 additions and 23 deletions
|
@ -960,3 +960,78 @@
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.co-alert {
|
||||
padding: 16px;
|
||||
padding-left: 46px;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-success {
|
||||
background: #F0FFF4;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-success:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f058";
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 12px;
|
||||
font-size: 22px;
|
||||
color: #83D29C;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-info {
|
||||
background: #F0FAFF;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-info:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f05a";
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 12px;
|
||||
font-size: 22px;
|
||||
color: #83B7D2;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-warning {
|
||||
background: #FFFBF0;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-warning:before {
|
||||
font-family: FontAwesome;
|
||||
content: "\f071";
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 12px;
|
||||
font-size: 22px;
|
||||
color: #E4C212;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-danger {
|
||||
background: #FFF0F0;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-danger:before {
|
||||
font-family: core-icons;
|
||||
content: "\f107";
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 12px;
|
||||
font-size: 22px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.co-alert.co-alert-danger:after {
|
||||
font-family: FontAwesome;
|
||||
content: "\f12a";
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 20px;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
z-index: 2;
|
||||
}
|
35
static/css/directives/ui/convert-user-to-org.css
Normal file
35
static/css/directives/ui/convert-user-to-org.css
Normal file
|
@ -0,0 +1,35 @@
|
|||
.convert-user-to-org .convert-form h3 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm {
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm .form-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm input {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm .existing-data {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm .description {
|
||||
margin-top: 10px;
|
||||
display: block;
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.convert-user-to-org #convertForm .existing-data {
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
margin-top: 10px;
|
||||
}
|
Reference in a new issue