Преглед изворни кода

Small changes to make more touch friendly

sbkwgh пре 8 година
родитељ
комит
43fd45e54e
2 измењених фајлова са 18 додато и 0 уклоњено
  1. 5 0
      src/assets/scss/elementStyles.scss
  2. 13 0
      src/components/MenuButton.vue

+ 5 - 0
src/assets/scss/elementStyles.scss

@@ -148,6 +148,11 @@ b, strong {
 		@include filled_button($color__red--primary, $color__red--darker);
 	}
 }
+@media (max-width: 420px) {
+	.button {
+		user-select: none;
+	}
+}
 
 .input {
 	border: 1px solid $color__gray--primary;

+ 13 - 0
src/components/MenuButton.vue

@@ -94,4 +94,17 @@
 			&:active { background-color: $color__lightgray--darker; }
 		}
 	}
+
+	@media (max-width: 420px) {
+		.menu_button {
+			@at-root #{&}__options {
+				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 3px 6px rgba(0, 0, 0, 0.24);
+			}
+
+			@at-root #{&}__option {
+				padding: 0.75rem;
+				font-size: 1.125rem;
+			}
+		}
+	}
 </style>