Remove eye icon from short answers

ucfopen · Nov 21, 2023 · cf4b9e4 · cf4b9e4
1 parent 995d2bc
commit cf4b9e4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/src/_guides/assets/create_widget_adventure_sa_required_items.png b/src/_guides/assets/create_widget_adventure_sa_required_items.png
diff --git a/src/creator.html b/src/creator.html
@@ -636,11 +636,7 @@ <h2 ng-if="displayNodeCreation == END">End Point</h2>
 											<button type="button"
 												class="delete-button icon-cross"
 												ng-click="removeAnswerPreCheck($index, $event)"></button>
-											<button ng-show="inventoryItems[0]" aria-label="answer.hideAnswer ? 'Answer will be hidden to players without the required items' : 'Answer will be visible to all players, with or without the required items'" ng-click="answer.hideAnswer = !answer.hideAnswer" ng-class="{'hide-answer': answer.hideAnswer}" class="hide-answer-button" ng-mouseover="showHideAnswerTooltip=true" ng-mouseleave="showHideAnswerTooltip=false">
-												<img ng-if="!answer.hideAnswer" src="assets/creator-assets/eye.png"/>
-												<img ng-if="answer.hideAnswer" src="assets/creator-assets/eye-blocked.png"/>
-												<div ng-if="showHideAnswerTooltip" class="hide-answer-tooltip"><p ng-if="!answer.hideAnswer">Answer will be visible to all players, with or without the required items</p><p ng-if="answer.hideAnswer">Answer will be hidden to players without the required items</p></div>
-											</button>
+
 										</div>
 										<div class="answer-textareas">
 											<div class="add-match-box">

diff --git a/src/src-assets/creator-assets/creator.scss b/src/src-assets/creator-assets/creator.scss
@@ -1384,7 +1384,8 @@ required-items-tooltip {
 
 			.delete-button {
 				height: 24px;
-				width: 24px;
+				min-width: 24px;
+				max-width: 24px;
 				padding: 0;
 			}
 		}
@@ -1520,6 +1521,7 @@ required-items-tooltip {
 					flex-direction: row;
 					grid-gap: 10px;
 					align-items: center;
+					flex-wrap: wrap;
 				}
 				.quantity-explanation {
 					font-size: 12px;