renamed input-control block to form-control
This commit is contained in:
parent
c926e95822
commit
5623a06996
|
@ -23,7 +23,7 @@
|
|||
* Form elements and blocks.
|
||||
*/
|
||||
input, select, a,
|
||||
.sideToolbarBlock, .input-control, .button-control {
|
||||
.sideToolbarBlock, .form-control, .button-control {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
margin-left: 10%;
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.input-control {
|
||||
.form-control {
|
||||
padding: 16px 0;
|
||||
|
||||
&:first-child {
|
||||
|
|
|
@ -72,7 +72,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.input-control:not(:last-child) {
|
||||
.form-control:not(:last-child) {
|
||||
border-bottom: 1px solid $auiBorderColor;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -62,7 +62,7 @@
|
|||
text-align: center;
|
||||
padding: 10px 40px 20px 40px;
|
||||
|
||||
.input-control{
|
||||
.form-control{
|
||||
&__input {
|
||||
background-color: $feedbackInputBg;
|
||||
color: $feedbackInputTextColor;
|
||||
|
|
|
@ -80,11 +80,11 @@ JITSI_TRACK_ERROR_TO_MESSAGE_KEY_MAP.microphone[TrackErrors.NO_DATA_FROM_SOURCE]
|
|||
function promptDisplayName() {
|
||||
let labelKey = 'dialog.enterDisplayName';
|
||||
let message = (
|
||||
`<div class="input-control">
|
||||
<label data-i18n="${labelKey}" class="input-control__label"></label>
|
||||
`<div class="form-control">
|
||||
<label data-i18n="${labelKey}" class="form-control__label"></label>
|
||||
<input name="displayName" type="text"
|
||||
data-i18n="[placeholder]defaultNickname"
|
||||
class="input-control__input"
|
||||
class="form-control__input"
|
||||
autofocus>
|
||||
</div>`
|
||||
);
|
||||
|
|
|
@ -11,10 +11,10 @@ function getPasswordInputHtml() {
|
|||
|
||||
return `
|
||||
<input name="username" type="text"
|
||||
class="input-control__input"
|
||||
class="form-control__input"
|
||||
placeholder=${placeholder} autofocus>
|
||||
<input name="password" type="password"
|
||||
class="input-control__input"
|
||||
class="form-control__input"
|
||||
data-i18n="[placeholder]dialog.userPassword">`;
|
||||
}
|
||||
|
||||
|
|
|
@ -66,7 +66,7 @@ function createRateFeedbackHTML() {
|
|||
</div>
|
||||
</div>
|
||||
<div class="details">
|
||||
<textarea id="feedbackTextArea" class="input-control__input"
|
||||
<textarea id="feedbackTextArea" class="form-control__input"
|
||||
data-i18n="[placeholder]dialog.feedbackHelp"></textarea>
|
||||
</div>
|
||||
</form>`;
|
||||
|
|
|
@ -120,20 +120,20 @@ export default class InviteDialogView {
|
|||
getShareLinkBlock() {
|
||||
let classes = 'button-control button-control_light copyInviteLink';
|
||||
return (
|
||||
`<div class="input-control">
|
||||
<label class="input-control__label" for="inviteLinkRef"
|
||||
`<div class="form-control">
|
||||
<label class="form-control__label" for="inviteLinkRef"
|
||||
data-i18n="${this.dialog.titleKey}"></label>
|
||||
<div class="input-control__container">
|
||||
<input class="input-control__input inviteLink"
|
||||
<div class="form-control__container">
|
||||
<input class="form-control__input inviteLink"
|
||||
id="inviteLinkRef" type="text"
|
||||
${this.inviteAttributes} readonly>
|
||||
<button data-i18n="dialog.copy" class="${classes}"></button>
|
||||
</div>
|
||||
<p class="input-control__hint ${this.lockHint}">
|
||||
<p class="form-control__hint ${this.lockHint}">
|
||||
<span class="icon-security-locked"></span>
|
||||
<span data-i18n="dialog.roomLocked"></span>
|
||||
</p>
|
||||
<p class="input-control__hint ${this.unlockHint}">
|
||||
<p class="form-control__hint ${this.unlockHint}">
|
||||
<span class="icon-security"></span>
|
||||
<span data-i18n="roomUnlocked"></span>
|
||||
</p>
|
||||
|
@ -150,12 +150,12 @@ export default class InviteDialogView {
|
|||
|
||||
if (this.model.isModerator) {
|
||||
html = (`
|
||||
<div class="input-control">
|
||||
<label class="input-control__label"
|
||||
<div class="form-control">
|
||||
<label class="form-control__label"
|
||||
for="newPasswordInput" data-i18n="dialog.addPassword">
|
||||
</label>
|
||||
<div class="input-control__container">
|
||||
<input class="input-control__input" id="newPasswordInput"
|
||||
<div class="form-control__container">
|
||||
<input class="form-control__input" id="newPasswordInput"
|
||||
type="text"
|
||||
data-i18n="[placeholder]dialog.createPassword">
|
||||
<button id="addPasswordBtn" id="inviteDialogAddPassword"
|
||||
|
@ -182,19 +182,19 @@ export default class InviteDialogView {
|
|||
|
||||
if (isModerator) {
|
||||
return (`
|
||||
<div class="input-control">
|
||||
<label class="input-control__label"
|
||||
<div class="form-control">
|
||||
<label class="form-control__label"
|
||||
data-i18n="dialog.passwordLabel"></label>
|
||||
<div class="input-control__container">
|
||||
<div class="form-control__container">
|
||||
<p>
|
||||
<span class="input-control__text"
|
||||
<span class="form-control__text"
|
||||
data-i18n="dialog.currentPassword"></span>
|
||||
<span id="inviteDialogPassword"
|
||||
class="input-control__em">
|
||||
class="form-control__em">
|
||||
${password}
|
||||
</span>
|
||||
</p>
|
||||
<a class="link input-control__right"
|
||||
<a class="link form-control__right"
|
||||
id="inviteDialogRemovePassword"
|
||||
data-i18n="dialog.removePassword"></a>
|
||||
</div>
|
||||
|
@ -202,7 +202,7 @@ export default class InviteDialogView {
|
|||
`);
|
||||
} else {
|
||||
return (`
|
||||
<div class="input-control">
|
||||
<div class="form-control">
|
||||
<p>A participant protected this call with a password.</p>
|
||||
</div>
|
||||
`);
|
||||
|
|
|
@ -136,7 +136,7 @@ var ContactListView = {
|
|||
* Adds layout for lock description
|
||||
*/
|
||||
getLockDescriptionLayout(key) {
|
||||
let classes = "input-control__hint input-control_full-width";
|
||||
let classes = "form-control__hint form-control_full-width";
|
||||
let padlockSuffix = '';
|
||||
if (key === this.lockKey) {
|
||||
padlockSuffix = '-locked';
|
||||
|
|
Loading…
Reference in New Issue