styles: fix button classes
This commit is contained in:
Antonella Sgarlatta
@@ -83,14 +83,14 @@ const ConfirmSignoutModal = observer(({ application, appState }: Props) => {
|
||||
)}
|
||||
<div className="flex my-1 mt-4">
|
||||
<button
|
||||
className="sn-button neutral"
|
||||
className="sn-button small neutral"
|
||||
ref={cancelRef}
|
||||
onClick={close}
|
||||
>
|
||||
Cancel
|
||||
</button>
|
||||
<button
|
||||
className="sn-button danger ml-2"
|
||||
className="sn-button small danger ml-2"
|
||||
onClick={() => {
|
||||
if (deleteLocalBackups) {
|
||||
application.signOutAndDeleteLocalBackups();
|
||||
|
||||
@@ -17,7 +17,7 @@ const NoAccountWarning = observer(({ appState }: Props) => {
|
||||
Sign in or register to back up your notes.
|
||||
</p>
|
||||
<button
|
||||
className="sn-button info mt-3 col-start-1 col-end-3 justify-self-start"
|
||||
className="sn-button small info mt-3 col-start-1 col-end-3 justify-self-start"
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
appState.accountMenu.setShow(true);
|
||||
|
||||
@@ -13,14 +13,14 @@ function NoProtectionsNoteWarning({ appState, onViewNote }: Props) {
|
||||
</p>
|
||||
<div className="mt-4 flex gap-3">
|
||||
<button
|
||||
className="sn-button info"
|
||||
className="sn-button small info"
|
||||
onClick={() => {
|
||||
appState.accountMenu.setShow(true);
|
||||
}}
|
||||
>
|
||||
Open account menu
|
||||
</button>
|
||||
<button className="sn-button outlined" onClick={onViewNote}>
|
||||
<button className="sn-button small outlined" onClick={onViewNote}>
|
||||
View note
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -172,7 +172,7 @@ const SessionsModal: FunctionComponent<{
|
||||
{formatter.format(session.updated_at)}
|
||||
</p>
|
||||
<button
|
||||
className="sn-button danger sk-label"
|
||||
className="sn-button small danger sk-label"
|
||||
disabled={session.revoking}
|
||||
onClick={() =>
|
||||
setRevokingSessionUuid(session.uuid)
|
||||
@@ -213,14 +213,14 @@ const SessionsModal: FunctionComponent<{
|
||||
</AlertDialogDescription>
|
||||
<div className="flex my-1 gap-2">
|
||||
<button
|
||||
className="sn-button neutral sk-label"
|
||||
className="sn-button small neutral sk-label"
|
||||
ref={cancelRevokeRef}
|
||||
onClick={closeRevokeSessionAlert}
|
||||
>
|
||||
<span>{SessionStrings.RevokeCancelButton}</span>
|
||||
</button>
|
||||
<button
|
||||
className="sn-button danger sk-label"
|
||||
className="sn-button small danger sk-label"
|
||||
onClick={() => {
|
||||
closeRevokeSessionAlert();
|
||||
revokeSession(confirmRevokingSessionUuid);
|
||||
|
||||
@@ -175,14 +175,14 @@
|
||||
| or revoking an active session, require additional authentication
|
||||
| like entering your account password or application passcode.
|
||||
.sk-panel-row(ng-if="self.state.protectionsDisabledUntil")
|
||||
button.sn-button.info(ng-click="self.enableProtections()")
|
||||
button.sn-button.small.info(ng-click="self.enableProtections()")
|
||||
| Enable protections
|
||||
.sk-panel-section
|
||||
.sk-panel-section-title Passcode Lock
|
||||
div(ng-if='!self.state.hasPasscode')
|
||||
div(ng-if='self.state.canAddPasscode')
|
||||
.sk-panel-row(ng-if='!self.state.formData.showPasscodeForm')
|
||||
button.sn-button.info(
|
||||
button.sn-button.small.info(
|
||||
ng-click='self.addPasscodeClicked(); $event.stopPropagation();'
|
||||
) Add Passcode
|
||||
p.sk-p
|
||||
@@ -212,8 +212,8 @@
|
||||
placeholder='Confirm Passcode',
|
||||
type='password'
|
||||
)
|
||||
button.sn-button.info.mt-2(type='submit') Set Passcode
|
||||
button.sn-button.outlined.ml-2(
|
||||
button.sn-button.small.info.mt-2(type='submit') Set Passcode
|
||||
button.sn-button.small.outlined.ml-2(
|
||||
ng-click='self.state.formData.showPasscodeForm = false'
|
||||
) Cancel
|
||||
div(ng-if='self.state.hasPasscode && !self.state.formData.showPasscodeForm')
|
||||
@@ -264,9 +264,9 @@
|
||||
p.sk-p Decrypted
|
||||
.sk-panel-row
|
||||
.flex
|
||||
button.sn-button.info(ng-click='self.downloadDataArchive()')
|
||||
button.sn-button.small.info(ng-click='self.downloadDataArchive()')
|
||||
| Download Backup
|
||||
label.sn-button.info.ml-2
|
||||
button.sn-button.small.info.ml-2
|
||||
input(
|
||||
file-change='->',
|
||||
handler='self.importFileSelected(files)',
|
||||
@@ -294,7 +294,7 @@
|
||||
| local storage, and a new identifier will be created should you
|
||||
| decide to enable error reporting again in the future.
|
||||
.sk-panel-row
|
||||
button(ng-click="self.toggleErrorReportingEnabled()").sn-button.info
|
||||
button(ng-click="self.toggleErrorReportingEnabled()").sn-button.small.info
|
||||
| {{ self.state.errorReportingEnabled ? 'Disable' : 'Enable'}} Error Reporting
|
||||
.sk-panel-row
|
||||
a(ng-click="self.openErrorReportingDialog()").sk-a What data is being sent?
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
.sk-label.warning There was an issue loading {{ctrl.component.name}}.
|
||||
.right
|
||||
.sk-app-bar-item(ng-click='ctrl.reloadIframe()')
|
||||
button.sn-button.info Reload
|
||||
button.sn-button.small.info Reload
|
||||
.sn-component(ng-if='ctrl.expired')
|
||||
.sk-app-bar.no-edges.no-top-edge.dynamic-height
|
||||
.left
|
||||
@@ -25,10 +25,10 @@
|
||||
| Extensions are in a read-only state.
|
||||
.right
|
||||
.sk-app-bar-item(ng-click='ctrl.reloadStatus(true)')
|
||||
button.sn-button.info Reload
|
||||
button.sn-button.small.info Reload
|
||||
.sk-app-bar-item
|
||||
.sk-app-bar-item-column
|
||||
a.sn-button.warning(
|
||||
a.sn-button.small.warning(
|
||||
href='https://standardnotes.org/help/41/expired',
|
||||
rel='noopener',
|
||||
target='_blank'
|
||||
@@ -54,7 +54,7 @@
|
||||
li.sk-p
|
||||
strong Use the Desktop application.
|
||||
.sk-panel-row
|
||||
button.sn-button.info(
|
||||
button.sn-button.small.info(
|
||||
ng-click='ctrl.reloadStatus()',
|
||||
ng-if='!ctrl.reloading'
|
||||
) Reload
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
| Please ensure you are running the latest version of Standard Notes
|
||||
| on all platforms to ensure maximum compatibility.
|
||||
.sk-panel-footer
|
||||
button.sn-button.info(
|
||||
button.sn-button.small.info(
|
||||
ng-click='ctrl.nextStep()',
|
||||
ng-disabled='ctrl.state.lockContinue'
|
||||
) {{ctrl.state.continueTitle}}
|
||||
|
||||
@@ -34,12 +34,12 @@
|
||||
| perform a full account sync resolution.
|
||||
.sk-panel-row
|
||||
.flex.gap-2
|
||||
button.sn-button.info(ng-click='ctrl.downloadBackup(true)') Encrypted
|
||||
button.sn-button.info(ng-click='ctrl.downloadBackup(false)') Decrypted
|
||||
button.sn-button.danger(ng-click='ctrl.skipBackup()') Skip
|
||||
button.sn-button.small.info(ng-click='ctrl.downloadBackup(true)') Encrypted
|
||||
button.sn-button.small.info(ng-click='ctrl.downloadBackup(false)') Decrypted
|
||||
button.sn-button.small.danger(ng-click='ctrl.skipBackup()') Skip
|
||||
div(ng-if='ctrl.status.backupFinished')
|
||||
.sk-panel-row(ng-if='!ctrl.status.resolving && !ctrl.status.attemptedResolution')
|
||||
button.sn-button.info(ng-click='ctrl.performSyncResolution()')
|
||||
button.sn-button.small.info(ng-click='ctrl.performSyncResolution()')
|
||||
| Perform Sync Resolution
|
||||
.sk-panel-row.justify-left(ng-if='ctrl.status.resolving')
|
||||
.sk-horizontal-group
|
||||
|
||||
Reference in New Issue
Block a user