Ver Fonte

Change error positon

sbkwgh há 8 anos atrás
pai
commit
bf0b5d2c77
1 ficheiros alterados com 8 adições e 8 exclusões
  1. 8 8
      src/components/FancyInput.vue

+ 8 - 8
src/components/FancyInput.vue

@@ -75,17 +75,17 @@
 			position: absolute;
 			background-color: #ffeff1;
 			border: 0.125rem solid #D32F2F;
-			max-width: 100%;
 			font-size: 0.9rem;
 			padding: 0.1rem 0.25rem;
-			top: -1.75rem;
-			right: 0;
+			top: 0.2125rem;
+			left: calc(100% + 0.25rem);
+			white-space: nowrap;
 			
 
 			&:first-letter{ text-transform: capitalize; }
 
 			opacity: 0;
-			pointer-events: 0;
+			pointer-events: none;
 			margin-top: -1rem;
 			transition: opacity 0.2s, margin-top 0.2s;
 
@@ -102,10 +102,10 @@
 				width: 0;
 				height: 0;
 				display: inline-block;
-				bottom: -0.65rem;
-				border-left: 0.3rem solid transparent;
-				border-right: 0.3rem solid transparent;
-				border-top: 0.3rem solid #D32F2F;
+				right: calc(100% + 0.3rem);
+				border-top: 0.3rem solid transparent;
+				border-bottom: 0.3rem solid transparent;
+				border-right: 0.3rem solid #D32F2F;
 			}
 		}
 	}