RomanNum3ral
/
kcal
mirror of https://github.com/kcal-app/kcal.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Prevent tag overlflow in edit views

This commit is contained in:
Christopher C. Wells 2021-04-04 13:10:31 -07:00
parent fc0c7399ea
commit 0ba768d7dc
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/app.css vendored
View File

File diff suppressed because one or more lines are too long

8
resources/views/components/tagger.blade.php
View File

@ -6,13 +6,13 @@
value="" value=""
x-model="tags"/> x-model="tags"/>
<x-inputs.label for="tag_picker" value="Tags"/> <x-inputs.label for="tag_picker" value="Tags"/>
<div class="flex flex-row items-center"> <div class="flex flex-row flex-wrap items-center">
<x-inputs.input name="tag_picker" <x-inputs.input name="tag_picker"
type="text" type="text"
class="mr-2" class="mr-2 mb-2"
autocapitalize="none" autocapitalize="none"
inputmode="search" inputmode="search"
placeholder="Enter some tags..." placeholder="Start typing..."
x-model="searchTerm" x-model="searchTerm"
x-ref="searchTerm" x-ref="searchTerm"
@input="search($event.target.value)" /> @input="search($event.target.value)" />
@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<template x-for="(tag, index) in tags"> <template x-for="(tag, index) in tags">
<div class="bg-indigo-100 inline-flex items-center text-sm rounded mr-1"> <div class="m-1 px-2 bg-gray-200 rounded-full leading-loose inline-flex items-center text-sm">
<span class="ml-2 mr-1 leading-relaxed truncate max-w-xs" x-text="tag"></span> <span class="ml-2 mr-1 leading-relaxed truncate max-w-xs" x-text="tag"></span>
<button @click.prevent="removeTag(index)" class="w-6 h-8 inline-block align-middle text-gray-500 hover:text-gray-600 focus:outline-none"> <button @click.prevent="removeTag(index)" class="w-6 h-8 inline-block align-middle text-gray-500 hover:text-gray-600 focus:outline-none">
<svg class="w-6 h-6 fill-current mx-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15.78 14.36a1 1 0 0 1-1.42 1.42l-2.82-2.83-2.83 2.83a1 1 0 1 1-1.42-1.42l2.83-2.82L7.3 8.7a1 1 0 0 1 1.42-1.42l2.83 2.83 2.82-2.83a1 1 0 0 1 1.42 1.42l-2.83 2.83 2.83 2.82z"/></svg> <svg class="w-6 h-6 fill-current mx-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M15.78 14.36a1 1 0 0 1-1.42 1.42l-2.82-2.83-2.83 2.83a1 1 0 1 1-1.42-1.42l2.83-2.82L7.3 8.7a1 1 0 0 1 1.42-1.42l2.83 2.83 2.82-2.83a1 1 0 0 1 1.42 1.42l-2.83 2.83 2.83 2.82z"/></svg>