WebUI: improve style for readonly fields

Signed-off-by: Nicola Murino <nicola.murino@gmail.com>
This commit is contained in:
Nicola Murino 2024-01-21 18:10:14 +01:00
parent 810bf4542f
commit d67f00546a
No known key found for this signature in database
GPG key ID: 935D2952DEC4EECF
7 changed files with 20 additions and 14 deletions

View file

@ -330,6 +330,12 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
font-weight: 600 !important; font-weight: 600 !important;
font-size: 1.3rem !important; font-size: 1.3rem !important;
} }
.readonly-input {
color: var(--bs-text-gray-800);
font-weight: 500 !important;
font-size: 1.1rem !important;
}
</style> </style>
{{- end}} {{- end}}

View file

@ -91,8 +91,8 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="idFolderName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label> <label for="idFolderName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label>
<div class="col-md-9"> <div class="col-md-9">
<input id="idFolderName" type="text" class="form-control" placeholder="" name="name" value="{{.Folder.Name}}" <input id="idFolderName" type="text" placeholder="" name="name" value="{{.Folder.Name}}" maxlength="255" autocomplete="off"
maxlength="255" autocomplete="off" spellcheck="false" required {{if ge .Mode 2}}readonly{{end}} /> spellcheck="false" required {{if ge .Mode 2}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}} />
</div> </div>
</div> </div>
{{- end}} {{- end}}

View file

@ -27,8 +27,8 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="idGroupName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label> <label for="idGroupName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label>
<div class="col-md-9"> <div class="col-md-9">
<input id="idGroupName" type="text" class="form-control" placeholder="" name="name" value="{{.Group.Name}}" <input id="idGroupName" type="text" placeholder="" name="name" value="{{.Group.Name}}" maxlength="255" autocomplete="off"
maxlength="255" autocomplete="off" spellcheck="false" required {{if eq .Mode 2}}readonly{{end}} /> spellcheck="false" required {{if eq .Mode 2}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}} />
</div> </div>
</div> </div>

View file

@ -27,8 +27,8 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="idRoleName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label> <label for="idRoleName" data-i18n="general.name" class="col-md-3 col-form-label">Name</label>
<div class="col-md-9"> <div class="col-md-9">
<input id="idRoleName" type="text" class="form-control" placeholder="" name="name" value="{{.Role.Name}}" <input id="idRoleName" type="text" placeholder="" name="name" value="{{.Role.Name}}" maxlength="255" autocomplete="off"
maxlength="255" autocomplete="off" spellcheck="false" required {{if eq .Mode 2}}readonly{{end}} /> spellcheck="false" required {{if eq .Mode 2}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}} />
</div> </div>
</div> </div>

View file

@ -99,8 +99,8 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="idUsername" data-i18n="login.username" class="col-md-3 col-form-label">Username</label> <label for="idUsername" data-i18n="login.username" class="col-md-3 col-form-label">Username</label>
<div class="col-md-9"> <div class="col-md-9">
<input id="idUsername" type="text" class="form-control" placeholder="" name="username" value="{{.User.Username}}" <input id="idUsername" type="text" placeholder="" name="username" value="{{.User.Username}}" maxlength="255" autocomplete="off"
maxlength="255" autocomplete="off" spellcheck="false" required {{if ge .Mode 2}}readonly{{end}} /> spellcheck="false" required {{if ge .Mode 2}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}} />
</div> </div>
</div> </div>
{{- end}} {{- end}}

View file

@ -26,16 +26,16 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="idEmail" data-i18n="general.email" class="col-md-3 col-form-label">Email</label> <label for="idEmail" data-i18n="general.email" class="col-md-3 col-form-label">Email</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control" id="idEmail" name="email" placeholder="" spellcheck="false" <input type="text" id="idEmail" name="email" placeholder="" spellcheck="false" value="{{.Email}}" maxlength="255"
value="{{.Email}}" maxlength="255" autocomplete="off" {{if not .LoggedUser.CanChangeInfo}}readonly{{end}}> autocomplete="off" {{if not .LoggedUser.CanChangeInfo}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}}>
</div> </div>
</div> </div>
<div class="form-group row mt-10"> <div class="form-group row mt-10">
<label for="idDescription" data-i18n="general.description" class="col-md-3 col-form-label">Description</label> <label for="idDescription" data-i18n="general.description" class="col-md-3 col-form-label">Description</label>
<div class="col-md-9"> <div class="col-md-9">
<input type="text" class="form-control" id="idDescription" name="description" placeholder="" <input type="text" id="idDescription" name="description" placeholder="" value="{{.Description}}" maxlength="255"
value="{{.Description}}" maxlength="255" {{if not .LoggedUser.CanChangeInfo}}readonly{{end}}> {{if not .LoggedUser.CanChangeInfo}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}}>
</div> </div>
</div> </div>

View file

@ -26,8 +26,8 @@ explicit grant from the SFTPGo Team (support@sftpgo.com).
<div class="form-group row"> <div class="form-group row">
<label for="name" data-i18n="general.name" class="col-md-3 col-form-label">Name</label> <label for="name" data-i18n="general.name" class="col-md-3 col-form-label">Name</label>
<div class="col-md-9"> <div class="col-md-9">
<input id="name" type="text" class="form-control" placeholder="" name="name" value="{{.Share.Name}}" <input id="name" type="text" placeholder="" name="name" value="{{.Share.Name}}" maxlength="255" autocomplete="off"
maxlength="255" autocomplete="off" required {{if not .IsAdd}}readonly{{end}} /> required {{if not .IsAdd}}class="form-control-plaintext readonly-input" readonly{{else}}class="form-control"{{end}} />
</div> </div>
</div> </div>