mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Commit realizando cambios en los roles de los usuarios
This commit is contained in:
@ -0,0 +1,46 @@
|
||||
#image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.docs-options {
|
||||
.dropdown-menu {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.docs-preview {
|
||||
margin-bottom: 3rem;
|
||||
|
||||
.img-preview {
|
||||
float: left;
|
||||
margin-right: .5rem;
|
||||
margin-bottom: .5rem;
|
||||
overflow: hidden;
|
||||
max-width: 100% !important;
|
||||
|
||||
&>img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
&.preview-lg {
|
||||
width: 16rem;
|
||||
height: 9rem;
|
||||
}
|
||||
|
||||
&.preview-md {
|
||||
width: 8rem;
|
||||
height: 4.5rem;
|
||||
}
|
||||
|
||||
&.preview-sm {
|
||||
width: 4rem;
|
||||
height: 2.25rem;
|
||||
}
|
||||
|
||||
&.preview-xs {
|
||||
width: 2rem;
|
||||
height: 1.125rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
|
||||
.select2-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
border-radius: 0;
|
||||
border: 1px solid $border;
|
||||
height: calc(1.95rem + 2px);
|
||||
background: $white;
|
||||
&:hover,&:focus,&.active{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple {
|
||||
border-color: $border;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
||||
border-color: $border;
|
||||
background: $white;
|
||||
}
|
||||
@ -0,0 +1,60 @@
|
||||
|
||||
|
||||
.tagsinput {
|
||||
overflow-y : auto;
|
||||
display : block;
|
||||
width : 100%;
|
||||
height : 3.4rem;
|
||||
padding : .6rem 1.2rem;
|
||||
font-size : 1.4rem;
|
||||
line-height : 1.42857143;
|
||||
background-image : none;
|
||||
-webkit-border-radius: .4rem;
|
||||
border-radius : .4rem;
|
||||
|
||||
span.tag {
|
||||
display : block;
|
||||
float : left;
|
||||
padding : .3rem .8rem;
|
||||
text-decoration : none;
|
||||
margin-right : .5rem;
|
||||
margin-bottom : .5rem;
|
||||
font-size : 1.3rem;
|
||||
-webkit-border-radius: .3rem;
|
||||
border-radius : .3rem;
|
||||
|
||||
a {
|
||||
font-weight : bold;
|
||||
text-decoration: none;
|
||||
font-size : 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
width : 8rem;
|
||||
margin : 0;
|
||||
font-size : 1.3rem;
|
||||
border : 1px solid transparent;
|
||||
padding : .5rem;
|
||||
background : transparent;
|
||||
outline : 0;
|
||||
margin-right : .5rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
div {
|
||||
display: block;
|
||||
float : left;
|
||||
}
|
||||
}
|
||||
|
||||
.tags_clear {
|
||||
clear : both;
|
||||
width : 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.not_valid {
|
||||
background: #FBD8DB !important;
|
||||
color : #90111A !important;
|
||||
}
|
||||
112
httpdocs/themes/focus2/scss/components/forms/_form-basic.scss
Normal file
112
httpdocs/themes/focus2/scss/components/forms/_form-basic.scss
Normal file
@ -0,0 +1,112 @@
|
||||
|
||||
// Basic Input
|
||||
|
||||
.form-control{
|
||||
// border-radius: 0;
|
||||
background: $white;
|
||||
border: 1px solid $border;
|
||||
// height: 45px;
|
||||
color: $dark;
|
||||
&:hover,&:focus,&.active{
|
||||
box-shadow: none;
|
||||
background: $white;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.input-rounded {
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
|
||||
// Text area
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Input Size/
|
||||
// .form-control{
|
||||
// min-height: 40px;
|
||||
// }
|
||||
// .form-control-sm{
|
||||
// min-height: 36px;
|
||||
// }
|
||||
// .form-control-lg{
|
||||
// min-height: 52px;
|
||||
// }
|
||||
|
||||
|
||||
|
||||
// Input Group
|
||||
|
||||
.input-group-text{
|
||||
background: #656c73;
|
||||
color: $white;
|
||||
border: 1px solid transparent;
|
||||
min-width: 50px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
i{
|
||||
color: $white;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.input-group-prepend .btn,
|
||||
.input-group-append .btn {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.custom-select{
|
||||
background: none;
|
||||
// height: 45px;
|
||||
border-color: $border;
|
||||
color: $dark;
|
||||
// border-radius: 0px!important;
|
||||
&:focus{
|
||||
box-shadow: none;
|
||||
border-color: $primary;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.custom-file-label{
|
||||
// height: 45px;
|
||||
// border-radius: 0px!important;
|
||||
&:after{
|
||||
background: #656C73;
|
||||
border: 1px solid $border;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.custom_file_input {
|
||||
.input-group-prepend,
|
||||
.input-group-append {
|
||||
// height: 45px;
|
||||
}
|
||||
|
||||
.custom-file-label::after {
|
||||
height: 100%;
|
||||
// line-height: 2.4;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-control:disabled,
|
||||
.form-control[readonly] {
|
||||
background: $white;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.custom-file-label{
|
||||
background: $white;
|
||||
border-color: $border;
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
@import "../../abstracts/variable";
|
||||
|
||||
|
||||
|
||||
input[type="checkbox"] {
|
||||
&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: 0px;
|
||||
margin-left: -1px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 3px;
|
||||
background: #d4d7da;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
&:checked:after{
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
display: block;
|
||||
content: "\f00c";
|
||||
font-family: 'FontAwesome';
|
||||
color: $white;
|
||||
font-weight: 100;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
background: #2082FB;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.form-check-label{
|
||||
margin-left: 5px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
|
||||
.form-check-inline {
|
||||
.form-check-input {
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
.ql-container{
|
||||
height: 25rem;
|
||||
}
|
||||
124
httpdocs/themes/focus2/scss/components/forms/_form-pickers.scss
Normal file
124
httpdocs/themes/focus2/scss/components/forms/_form-pickers.scss
Normal file
@ -0,0 +1,124 @@
|
||||
|
||||
|
||||
.asColorPicker-dropdown {
|
||||
max-width: 26rem;
|
||||
}
|
||||
|
||||
.asColorPicker-trigger {
|
||||
border : 0 none;
|
||||
height : 100%;
|
||||
position: absolute;
|
||||
left: 99%;
|
||||
top : 0;
|
||||
width : 2.1875rem;
|
||||
}
|
||||
|
||||
.asColorPicker-clear {
|
||||
display : none;
|
||||
position : absolute;
|
||||
right : 1rem;
|
||||
text-decoration: none;
|
||||
top : .5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.daterangepicker {
|
||||
td.active {
|
||||
background-color: $primary;
|
||||
|
||||
&:hover {
|
||||
background-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
button.applyBtn {
|
||||
background-color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
|
||||
&.datepicker-dropdown {
|
||||
background: $l-bg;
|
||||
border-radius: 1px;
|
||||
border: 1px solid $gallery;
|
||||
|
||||
td.day, th.next, th.prev {
|
||||
height: 30px;
|
||||
width: 30px !important;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
border-radius: 50px;
|
||||
|
||||
&:hover {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
th.datepicker-switch, th.next, th.prev {
|
||||
font-weight: 300;
|
||||
color: $heading;
|
||||
}
|
||||
|
||||
th.dow {
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
table {
|
||||
|
||||
|
||||
|
||||
tr td.selected, tr td.active.active {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
border: 0;
|
||||
}
|
||||
|
||||
tr {
|
||||
td.today {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
color : #ffffff;
|
||||
|
||||
&:hover {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
color : #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
td.today.disabled {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
color : #ffffff;
|
||||
|
||||
&:hover {
|
||||
@extend %gradient-9;
|
||||
box-shadow: 0px 0px 30px 5px rgba(243,30,122,0.3);
|
||||
color : #ffffff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.picker {
|
||||
&__select--month, &__select--year {
|
||||
height: 2.5em;
|
||||
}
|
||||
|
||||
&__input {
|
||||
background-color: transparent !important;
|
||||
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: transparent !important;
|
||||
border: 1px solid $d-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
358
httpdocs/themes/focus2/scss/components/forms/_form-steps.scss
Normal file
358
httpdocs/themes/focus2/scss/components/forms/_form-steps.scss
Normal file
@ -0,0 +1,358 @@
|
||||
@import "../../abstracts/variable";
|
||||
@import "../../abstracts/mixin";
|
||||
|
||||
|
||||
.wizard > .content > .body input.error {
|
||||
position: absolute;
|
||||
top: 100% !important;
|
||||
}
|
||||
|
||||
.wizard {
|
||||
position: relative;
|
||||
|
||||
&>.steps {
|
||||
width: 100%;
|
||||
// padding-left: 3%;
|
||||
|
||||
@media(min-width: 1200px){
|
||||
width: 100%;
|
||||
// margin-left: 3%;
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
&.current {
|
||||
a {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled, &.done {
|
||||
a {
|
||||
background-color: $white;
|
||||
color: $heading;
|
||||
|
||||
&:hover {
|
||||
margin: 0;
|
||||
background-color: $white;
|
||||
border-radius: 0;
|
||||
color: $heading;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
background-color: $white;
|
||||
|
||||
&:hover {
|
||||
margin: 0;
|
||||
background-color: $white;
|
||||
border-radius: 0;
|
||||
color: $heading;
|
||||
}
|
||||
|
||||
@include respond(phone-land) {
|
||||
padding: 1em 4px;
|
||||
}
|
||||
|
||||
.number {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 35rem;
|
||||
margin: 0;
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
min-height: 41rem;
|
||||
}
|
||||
|
||||
& > .body {
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 2rem;
|
||||
|
||||
@include respond(phone) {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
// background-color: $l-bg;
|
||||
border: 1px solid $border;
|
||||
}
|
||||
|
||||
input.error {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
label.error {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.emial-setup {
|
||||
label.mailclinet {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
background-color: #EEF5F9;
|
||||
|
||||
@include respond(phone) {
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
.mail-icon {
|
||||
font-size: 3rem;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin-top: -1rem;
|
||||
|
||||
@include respond(phone) {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.mail-text {
|
||||
font-size: 1rem;
|
||||
text-align: center;
|
||||
margin-top: .5rem;
|
||||
|
||||
@include respond(phone) {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.skip-email {
|
||||
margin-top: 6rem;
|
||||
|
||||
p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $primary;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
&>.actions {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 2rem;
|
||||
|
||||
li:not(.disabled) {
|
||||
a {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wizard .actions ul li{
|
||||
&.disabled a{
|
||||
color: #333333 !important;
|
||||
background: #F7FAFC !important;
|
||||
border: 1px solid #EEEEEE;
|
||||
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background: $d-bg !important;
|
||||
border-color: $d-border;
|
||||
}
|
||||
}
|
||||
|
||||
& a{
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
padding: 0.55em 2em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
|
||||
padding: 0.55em 2em;
|
||||
}
|
||||
|
||||
// .wizard > .steps > ul > li{
|
||||
|
||||
// @media(max-width: 680px){
|
||||
// width: 100%;
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .wizard > .steps{
|
||||
|
||||
// @media(max-width: 680px){
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// }
|
||||
|
||||
.wizard > .content{
|
||||
background: transparent;
|
||||
// box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.wizard, .tabcontrol{
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.step-form-horizontal {
|
||||
.wizard {
|
||||
padding-top: 3.5rem;
|
||||
|
||||
.steps {
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
&.done {
|
||||
a {
|
||||
text-align: center;
|
||||
background-color: $white;
|
||||
color: $dark;
|
||||
|
||||
&:hover {
|
||||
text-align: center;
|
||||
background-color: $white;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
.number {
|
||||
color: $white;
|
||||
background: $primary;
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.current a, &.disabled a {
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: transparent;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
&.current a {
|
||||
.number {
|
||||
color: $primary;
|
||||
background: $white;
|
||||
border: 2px solid $primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled a {
|
||||
.number {
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
font-size: 0.5rem;
|
||||
padding-top: 0.9375rem;
|
||||
}
|
||||
|
||||
.number {
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: $white;
|
||||
border: 1px solid $border;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 2rem;
|
||||
border-radius: 50px;
|
||||
width: 2rem;
|
||||
|
||||
// @include respond(phone) {
|
||||
// width: 4rem;
|
||||
// height: 4rem;
|
||||
// }
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
z-index: 1;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0.375rem;
|
||||
content: "";
|
||||
left: 50%;
|
||||
top: -2.1rem;
|
||||
background-color: $primary;
|
||||
z-index: -1;
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
height: 0.375rem;
|
||||
top: -1.3125rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.current {
|
||||
&::after {
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
|
||||
|
||||
&~li {
|
||||
&::after {
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
padding: 0;
|
||||
|
||||
@include respond(phone) {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
|
||||
|
||||
.note-icon-caret,
|
||||
.note-popover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.note-editor.note-frame .panel-heading {
|
||||
padding : .6rem 1rem 1rem;
|
||||
}
|
||||
|
||||
.note-editor.note-frame {
|
||||
border-color: $border;
|
||||
}
|
||||
|
||||
.note-editor.note-frame .note-editing-area .note-editable {
|
||||
background-color: $white;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $d-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.note-editor.note-frame .note-statusbar {
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
102
httpdocs/themes/focus2/scss/components/forms/_form-switch.scss
Normal file
102
httpdocs/themes/focus2/scss/components/forms/_form-switch.scss
Normal file
@ -0,0 +1,102 @@
|
||||
.js-switch {
|
||||
|
||||
& + .switchery {
|
||||
border-radius: 50px;
|
||||
margin-right: 4rem;
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
&>small {
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-lg {
|
||||
& + .switchery {
|
||||
height: 2rem;
|
||||
width: 4.5rem;
|
||||
|
||||
&>small {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-md {
|
||||
& + .switchery {
|
||||
height: 1.5rem;
|
||||
width: 3.5rem;
|
||||
|
||||
&>small {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-sm {
|
||||
& + .switchery {
|
||||
height: 1rem;
|
||||
width: 2.2rem;
|
||||
|
||||
&>small {
|
||||
width: 0.875rem;
|
||||
height: 0.875rem;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-square {
|
||||
|
||||
& + .switchery {
|
||||
border-radius: 0;
|
||||
|
||||
&>small {
|
||||
border-radius: 0;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-lg {
|
||||
& + .switchery {
|
||||
height: 2rem;
|
||||
width: 4.5rem;
|
||||
|
||||
&>small {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-md {
|
||||
& + .switchery {
|
||||
height: 1.5rem;
|
||||
width: 3.5rem;
|
||||
|
||||
&>small {
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.js-switch-sm {
|
||||
& + .switchery {
|
||||
height: 1rem;
|
||||
width: 2.2rem;
|
||||
|
||||
&>small {
|
||||
width: 0.875rem;
|
||||
height: 0.875rem;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
.bootstrap-touchspin .input-group-btn-vertical>.btn {
|
||||
height: 51%;
|
||||
|
||||
&.bootstrap-touchspin-up {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bootstrap-touchspin {
|
||||
button.btn {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.input-group-text {
|
||||
background-color: $info;
|
||||
border-color: $info;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
/////////////////////////////
|
||||
// Bootstrap validation
|
||||
/////////////////////////////
|
||||
.form-control.is-valid {
|
||||
border-color: $success !important;
|
||||
border-right: 0px !important;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control.is-warning {
|
||||
border-color: $warning !important;
|
||||
border-right: 0px !important;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control.is-invalid {
|
||||
border-color: $danger !important;
|
||||
border-right: 0px !important;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////
|
||||
// Jquery Validation
|
||||
////////////////////////
|
||||
.is-valid {
|
||||
.input-group-prepend {
|
||||
.input-group-text {
|
||||
i {
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.is-invalid {
|
||||
.input-group-prepend {
|
||||
.input-group-text {
|
||||
i {
|
||||
color: lighten($primary, 15%)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
httpdocs/themes/focus2/scss/components/forms/_forms.scss
Normal file
13
httpdocs/themes/focus2/scss/components/forms/_forms.scss
Normal file
@ -0,0 +1,13 @@
|
||||
@import "./form-basic";
|
||||
@import "./form-checkbox";
|
||||
@import "./form-radio-button";
|
||||
@import "./form-switch";
|
||||
@import "./form-validation";
|
||||
@import "./form-pickers";
|
||||
@import "./form-addons-cropper";
|
||||
@import "./form-addons-select2";
|
||||
@import "./form-steps";
|
||||
@import "./form-dropzone";
|
||||
@import "./form-summernote";
|
||||
@import "./form-editor-quill";
|
||||
|
||||
Reference in New Issue
Block a user