Commit a83efed6 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Unifica estilos de Select, Filtering y Date

parent 8fbdeb50

src/Bootstrap.styl

+1 −1
Original line number Diff line number Diff line
@@ -1577,7 +1577,7 @@ output { 
	line-height: 1.428571429;

	color: #555555;

	vertical-align: middle;

	background-color: #ffffff;

	//background-color: #ffffff;

	background-image: none;

	border: 1px solid #cccccc;

	border-radius: 4px;

src/form/Common.styl

+2 −7
Original line number Diff line number Diff line
@@ -22,11 +22,11 @@ 
		background-color $inputBackground

		border 1px solid $inputBorder

		box-shadow inset 0 1px 1px rgba($black, .075)

		transition border linear .2s, box-shadow linear .2s



	.dijitTextBoxFocused

		transition border linear .2s, box-shadow linear .2s

		outline none

		border-color rgba($blue, .8)

		border-color $blue

		box-shadow inset 0 1px 1px rgba($black, .075), 0 0 8px rgba($blue, .6)



	.dijitInputContainer
@@ -41,12 +41,7 @@ 


	.dijitTextBoxDisabled

	.dijitTextBoxReadOnly

		background-image none

		box-shadow none

		background-color $inputDisabledBackground



	.dijitTextBoxDisabled

	.dijitTextBoxReadOnly

		color $inputDisabledColor



	// TextArea

src/form/Select.styl

+22 −7
Original line number Diff line number Diff line
@@ -2,7 +2,15 @@ 
	.dijitSelect

		border none

		color $white

		transition border linear .2s, box-shadow linear .2s



		&:focus-within

			@extend .db .dijitTextBoxFocused



			td

				@extend .db .dijitTextBoxFocused



				&:first-child

					border-right 1px solid $inputBorder



	.dijitSelect .dijitButtonNode

		@extend .db .dijitComboBox .dijitButtonNode
@@ -11,22 +19,29 @@ 
		@extend .db .dijitComboBox .dijitButtonNode.dijitArrowButton



	.dijitSelect .dijitButtonContents

		box-shadow inset 0 1px 1px rgba(0,0,0,.075)

		border-radius $inputBorderRadius 0 0 $inputBorderRadius

		border 1px solid $inputBorder

		fullSize h



		&:last-child

			border-left none





	// Disabled

	.dijitSelect.dijitSelectDisabled .dijitButtonContents

		opacity 0.5



	.dijitSelect.dijitSelectDisabled

		@extend .db .dijitTextBoxDisabled



		td

			box-shadow none

			border-color $inputBorder





	.dijitSelectDisabled .dijitButtonNode

		@extend .db .dijitComboBoxDisabled .dijitButtonNode



	.dijitSelectDisabled .dijitButtonContents .dijitButtonText

		opacity 0.5





	// Custom

	.dijitComboBox input.dijitArrowButtonInner
@@ -46,9 +61,9 @@ 
		border-bottom-color $btnBorder



		&.dijitArrowButton

			padding 7px 9px 7px 10px

			padding 5px 11px

			&.dijitArrowButtonContainer

				fontSize 1.3rem

				fontSize 1rem



	.dijitArrowButtonContainer

	.dijitSpinnerButtonContainer

src/layout/Tooltip.styl

deleted100644 → 0
+0 −118
Original line number Diff line number Diff line 
/*

	Autor: Pedro E. Trujillo Brito



	Archivo: redmic\public\stylesheets\layout\Tooltip.styl



	Plantilla para los Tooltip (mini pop-ups) de DOJO.



	Fecha última modificación: 04/11/2014

*/







.db



	// Tooltips

	.dijitTooltipContainer 

		background-color $popoverBackground

		border 1px solid $popoverArrowOuterColor

		border-radius 6px

		box-shadow 0 5px 10px rgba(0,0,0,.2)

		padding 9px 14px



	.dijitTooltipConnector

	.dijitTooltipConnectorafter 

		position absolute

		width 0

		height 0

		display inline-block

		border-color transparent

		border-style solid

		content ""

		z-index -1





	// Above

	.dijitTooltipAbove 

		padding-bottom $popoverArrowWidth



	.dijitTooltipAbove .dijitTooltipConnector 

		bottom 1px

		border-width $popoverArrowWidth $popoverArrowWidth 0

		border-top-color $popoverArrowColor

		&:after 

			border-width $popoverArrowOuterWidth $popoverArrowOuterWidth 0

			border-top-color $popoverArrowOuterColor

			left -($popoverArrowOuterWidth)

			bottom -1px





	// Below

	.dijitTooltipBelow 

		padding-top $popoverArrowWidth



	.dijitTooltipBelow .dijitTooltipConnector 

		top 1px

		border-width 0 $popoverArrowWidth $popoverArrowWidth

		border-bottom-color $popoverArrowColor

		&:after 

			border-width 0 $popoverArrowOuterWidth $popoverArrowOuterWidth

			border-bottom-color $popoverArrowOuterColor

			left -($popoverArrowOuterWidth)

			top -1px



	

	// Left

	.dijitTooltipLeft 

		padding-right $popoverArrowWidth



	.dijitTooltipLeft .dijitTooltipConnector 

		right 1px

		border-width $popoverArrowWidth 0 $popoverArrowWidth $popoverArrowWidth

		border-left-color $popoverArrowColor

		&:after 

			border-width $popoverArrowOuterWidth 0 $popoverArrowOuterWidth $popoverArrowOuterWidth

			border-left-color $popoverArrowOuterColor

			bottom -($popoverArrowOuterWidth)

			right -1px





	// Right

	.dijitTooltipRight 

		padding-left $popoverArrowWidth



	.dijitTooltipRight .dijitTooltipConnector 

		left 1px

		border-width $popoverArrowWidth $popoverArrowWidth $popoverArrowWidth 0

		border-right-color $popoverArrowColor

		&:after 

			border-width $popoverArrowOuterWidth $popoverArrowOuterWidth $popoverArrowOuterWidth 0

			border-right-color $popoverArrowOuterColor

			bottom -($popoverArrowOuterWidth)

			left -1px





	// Special

	.dijitTooltipABLeft .dijitTooltipConnector 

		left 20px



	.dijitTooltipABRight .dijitTooltipConnector 

		right 20px







// Componentes de búsqueda avanzada



.savePopup

.tooltipComplex

	.dijitTooltipContainer

		bordeClaro()

		noPadding()

		fondo color $color1



	.dijitTooltipBelow

		.dijitTooltipConnector

			border-bottom-color $color5



.tooltipWelcome

	width 15rem

src/layout/index.styl

+0 −1
Original line number Diff line number Diff line 
@import 'Menu'

@import 'TabContainer'

@import 'Dialog'

@import 'Tooltip'

@import 'StackContainer'