forked from MapComplete/MapComplete
		
	UX: don't show bold in options that can be chosen as answer, see usertest
This commit is contained in:
		
							parent
							
								
									065f03691f
								
							
						
					
					
						commit
						b79835074f
					
				
					 3 changed files with 18 additions and 14 deletions
				
			
		| 
						 | 
				
			
			@ -352,6 +352,7 @@
 | 
			
		|||
          {/if}
 | 
			
		||||
        </legend>
 | 
			
		||||
 | 
			
		||||
        <!-- Search menu -->
 | 
			
		||||
        {#if config.mappings?.length >= 8 || hideMappingsUnlessSearchedFor}
 | 
			
		||||
          <div class="sticky flex w-full" aria-hidden="true">
 | 
			
		||||
            <Search class="h-6 w-6" />
 | 
			
		||||
| 
						 | 
				
			
			@ -369,6 +370,7 @@
 | 
			
		|||
          {/if}
 | 
			
		||||
        {/if}
 | 
			
		||||
 | 
			
		||||
        <!-- Actual options-->
 | 
			
		||||
        {#if config?.freeform?.key && !(config?.mappings?.filter((m) => m.hideInAnswer != true)?.length > 0)}
 | 
			
		||||
          <!-- There are no options to choose from, simply show the input element: fill out the text field -->
 | 
			
		||||
          <FreeformInput
 | 
			
		||||
| 
						 | 
				
			
			@ -384,7 +386,7 @@
 | 
			
		|||
          />
 | 
			
		||||
        {:else if config.mappings !== undefined && !config.multiAnswer}
 | 
			
		||||
          <!-- Simple radiobuttons as mapping -->
 | 
			
		||||
          <div class="flex flex-col">
 | 
			
		||||
          <div class="flex flex-col no-bold">
 | 
			
		||||
            {#each config.mappings as mapping, i (mapping.then)}
 | 
			
		||||
              <!-- Even though we have a list of 'mappings' already, we still iterate over the list as to keep the original indices-->
 | 
			
		||||
              <TagRenderingMappingInput
 | 
			
		||||
| 
						 | 
				
			
			@ -432,7 +434,7 @@
 | 
			
		|||
          </div>
 | 
			
		||||
        {:else if config.mappings !== undefined && config.multiAnswer}
 | 
			
		||||
          <!-- Multiple answers can be chosen: checkboxes -->
 | 
			
		||||
          <div class="flex flex-col">
 | 
			
		||||
          <div class="flex flex-col no-bold">
 | 
			
		||||
            {#each config.mappings as mapping, i (mapping.then)}
 | 
			
		||||
              <TagRenderingMappingInput
 | 
			
		||||
                {mapping}
 | 
			
		||||
| 
						 | 
				
			
			@ -475,6 +477,8 @@
 | 
			
		|||
            {/if}
 | 
			
		||||
          </div>
 | 
			
		||||
        {/if}
 | 
			
		||||
 | 
			
		||||
        <!-- Save and cancel buttons, in a logintoggle -->
 | 
			
		||||
        <LoginToggle {state}>
 | 
			
		||||
          <Loading slot="loading" />
 | 
			
		||||
          <SubtleButton slot="not-logged-in" on:click={() => state?.osmConnection?.AttemptLogin()}>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue