Recupera estilo de FilteringSelect (f50e7c2b) · Commits · REDMIC Project / Client / Style

src/form/Common.styl

+5 −14

Original line number	Diff line number	Diff line
		@@ -21,13 +21,13 @@
		border-radius $inputBorderRadius
		background-color $inputBackground
		border 1px solid $inputBorder
		box-shadow inset 0 1px 1px rgba(0,0,0,.075)
		box-shadow inset 0 1px 1px rgba($black, .075)
		transition border linear .2s, box-shadow linear .2s

		.dijitTextBoxFocused
		outline none
		border-color rgba(82,168,236,.8)
		box-shadow inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)
		border-color rgba($blue, .8)
		box-shadow inset 0 1px 1px rgba($black, .075), 0 0 8px rgba($blue, .6)

		.dijitInputContainer
		color $white
		@@ -45,12 +45,10 @@
		box-shadow none
		background-color $inputDisabledBackground


		.dijitTextBoxDisabled
		.dijitTextBoxReadOnly
		color $inputDisabledColor


		// TextArea
		.dijitTextArea
		padding 4px 6px
		@@ -58,39 +56,31 @@
		min-height 80px
		color $white


		// ComboBox
		.dijitComboBox .dijitButtonNode
		@extend .db .dijitComboButton .dijitButtonNode


		.dijitComboBox .dijitButtonNode.dijitArrowButton
		@extend .db .dijitComboButton .dijitArrowButton


		.dijitComboBox input.dijitArrowButtonInner
		display none


		.dijitComboBoxDisabled .dijitButtonNode
		@extend .db .dijitComboButtonDisabled .dijitButtonNode
		background-color $inputDisabledBackground


		// Validation
		.dijitTextBoxError
		color $errorText
		border-color $errorText


		.dijitTextBoxError.dijitTextBoxFocused
		box-shadow inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px lighten($errorText, 20%)

		box-shadow inset 0 1px 1px rgba($black, .075), 0 0 8px lighten($errorText, 20%)

		.dijitValidationContainer
		display none


		// All
		.dijitTextBox
		.dijitRadio
		@@ -111,5 +101,6 @@
		.dijitTextBoxDisabled input
		textarea.dijitTextAreaDisabled
		color $inputDisabledColor

		.dijitTextBoxDisabled
		opacity 0.4

src/redmic-widgets/FilteringSelect.styl

+38 −20

Original line number	Diff line number	Diff line
		.containerFilteringSelect
		.textSearch
		border 1px solid rgba($white, 0.7)
		border-radius 5px
		background-color $color1

		&:focus-within
		@extend .db .dijitTextBoxFocused

		.textSearch
		width calc(100% - 3.2rem)
		border-radius 5px 0 0 5px
		border-right inherit
		padding 0

		.fa-times
		position absolute
		right 10px
		color white
		right 0.8rem

		.autocomplete
		color #AAAAAA
		border 1px solid rgba(255, 255, 255, 0.0)
		position absolute
		color $color6
		pointer-events none

		input
		background transparent
		color white
		border 1px solid rgba(255, 255, 255, 0.7)
		border-radius 5px 0 0 5px
		width calc(100% - 2rem)
		height 2rem
		border-radius inherit

		.innerButtons
		justify-content center

		*
		&:last-child
		padding-right 0
		border-right none

		.buttonSearch
		border 1px solid rgba(255, 255, 255, 0.7)
		border-left none
		color white
		display flex
		border-radius 0 5px 5px 0
		align-items center
		justify-content center
		height auto
		width 3.3rem
		background-color $color1
		cursor pointer

		&:hover
		background-color $blue

		.disable
		opacity 0.4
		@@ -43,18 +63,15 @@
		.notValid
		border-color #b94a48 !important

		.activeSuggest
		border-color rgba(82,168,236,.8) !important
		box-shadow inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)

		// TODO unificar con suggestions
		.filteringResult
		flexible v center left
		position absolute
		z-index 999
		margin-top 3.1rem
		border-radius 5px
		box-shadow 0 5px 10px rgba(0,0,0,0.2)
		border 1px solid rgba(0, 0, 0, 0.5)
		box-shadow 0 5px 10px rgba($black, .2)
		border 1px solid rgba($black, .5)
		border-top none
		> span
		padding 5px
		@@ -100,5 +117,6 @@
		height 2.8rem

		.containerFilteringSelectRegister
		.textSearch, .buttonSearch
		.textSearch
		.buttonSearch
		background-image none