fix word-counter input/textarea style

This commit is contained in:
Alexis Gousseau 2023-06-19 11:01:30 +02:00
parent cc716cff12
commit e3d155394d
5 changed files with 19 additions and 13 deletions

View file

@ -1,3 +1 @@
.need-word-counter {
border-radius: 0 0 0.375rem 0.375rem !important;
}
// empty.

View file

@ -7,7 +7,7 @@
<textarea
ref="textarea"
:id="intId"
:class="`input-text-auto-component-input need-word-counter ${intClass}`"
:class="`input-text-auto-component-input ${intClass}`"
:name="intName"
:aria-describedby="intAriaDescribedby"
:placeholder="intPlaceholder"

View file

@ -108,6 +108,14 @@ export default defineComponent({
</script>
<style lang="scss">
#word-counter + input[type="text"],
.word-counter + input[type="text"],
#word-counter + textarea,
.word-counter + textarea,
#word-counter-varchar + textarea,
.word-counter-varchar + textarea {
border-radius: 0 0 0.375rem 0.375rem;
}
.word-counter-varchar {
color: initial;
border: 1px solid rgb(196, 196, 196);

View file

@ -4,23 +4,23 @@
<div class="login text-center">
<form class="form-signin" method="POST" action="{{ route('authenticate') }}">
@csrf
<img class="mb-4" src="{{ asset('assets/images/logo_ldc.png') }}" alt="LDC Services">
<h1 class="h3 mb-3 font-weight-normal">LDC CRM</h1>
<img class="mb-4" src="{{ asset('assets/images/logo_ldc.png') }}" alt="{{ __('LDC Services') }}">
<h1 class="h3 mb-3 font-weight-normal">{{ __('LDC CRM') }}</h1>
@if ($errors->any())
<div class="alert alert-danger">
<ul>
<div class="alert alert-danger my-2">
<ul class="list-group list-unstyled">
@foreach ($errors->all() as $error)
<li>{!! $error !!}</li>
@endforeach
</ul>
</div>
@endif
<label for="inputEmail" class="visually-hidden">Adresse email</label>
<label for="inputEmail" class="visually-hidden">{{ __('Adresse email') }}</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Adresse email" name="email" value="{{ old('email') }}" required autofocus>
<label for="inputPassword" class="visually-hidden">Mot de passe</label>
<label for="inputPassword" class="visually-hidden">{{ __('Mot de passe') }}</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Mot de passe" name="password" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">Connexion</button>
<p class="mt-5 mb-3 text-muted">&copy; LDC Services {{ date('Y') }}</p>
<button class="btn btn-lg btn-primary btn-block" type="submit">{{ __('Connexion') }}</button>
<p class="mt-5 mb-3 text-muted">&copy; {{ __('LDC Services') }} {{ date('Y') }}</p>
</form>
</div>
@endsection

View file

@ -6,7 +6,7 @@
@if(!empty($hasWordCounter ?? false))
<div class="word-counter" data-json='@json(['id' => $id])'></div>
@endif
<input name="{{ $name }}" type="text" value="{{ old($name, $model->{$name} ?? '') }}" class="form-control need-word-counter @error($name) is-invalid @enderror"
<input name="{{ $name }}" type="text" value="{{ old($name, $model->{$name} ?? '') }}" class="form-control @error($name) is-invalid @enderror"
id="{{ $id }}"
aria-describedby="{{ $id }}Help"
placeholder="{{ $placeholder ?? __('Un nom beau et explicite') }}"