fix word-counter input/textarea style
This commit is contained in:
parent
cc716cff12
commit
e3d155394d
5 changed files with 19 additions and 13 deletions
4
resources/sass/base/_custom.scss
vendored
4
resources/sass/base/_custom.scss
vendored
|
|
@ -1,3 +1 @@
|
|||
.need-word-counter {
|
||||
border-radius: 0 0 0.375rem 0.375rem !important;
|
||||
}
|
||||
// empty.
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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">© 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">© {{ __('LDC Services') }} {{ date('Y') }}</p>
|
||||
</form>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -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') }}"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue