rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: fix button classes

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-13 14:26:12 -03:00
parent 5f654f8ebb
commit bc10fbf788
8 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/ConfirmSignoutModal.tsx
View File

@@ -83,14 +83,14 @@ const ConfirmSignoutModal = observer(({ application, appState }: Props) => {
)} )}
<div className="flex my-1 mt-4"> <div className="flex my-1 mt-4">
<button <button
className="sn-button neutral" className="sn-button small neutral"
ref={cancelRef} ref={cancelRef}
onClick={close} onClick={close}
> >
Cancel Cancel
</button> </button>
<button <button
className="sn-button danger ml-2" className="sn-button small danger ml-2"
onClick={() => { onClick={() => {
if (deleteLocalBackups) { if (deleteLocalBackups) {
application.signOutAndDeleteLocalBackups(); application.signOutAndDeleteLocalBackups();

2
app/assets/javascripts/components/NoAccountWarning.tsx
View File

@@ -17,7 +17,7 @@ const NoAccountWarning = observer(({ appState }: Props) => {
Sign in or register to back up your notes. Sign in or register to back up your notes.
</p> </p>
<button <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) => { onClick={(event) => {
event.stopPropagation(); event.stopPropagation();
appState.accountMenu.setShow(true); appState.accountMenu.setShow(true);

4
app/assets/javascripts/components/NoProtectionsNoteWarning.tsx
View File

@@ -13,14 +13,14 @@ function NoProtectionsNoteWarning({ appState, onViewNote }: Props) {
</p> </p>
<div className="mt-4 flex gap-3"> <div className="mt-4 flex gap-3">
<button <button
className="sn-button info" className="sn-button small info"
onClick={() => { onClick={() => {
appState.accountMenu.setShow(true); appState.accountMenu.setShow(true);
}} }}
> >
Open account menu Open account menu
</button> </button>
<button className="sn-button outlined" onClick={onViewNote}> <button className="sn-button small outlined" onClick={onViewNote}>
View note View note
</button> </button>
</div> </div>

6
app/assets/javascripts/components/SessionsModal.tsx
View File

@@ -172,7 +172,7 @@ const SessionsModal: FunctionComponent<{
{formatter.format(session.updated_at)} {formatter.format(session.updated_at)}
</p> </p>
<button <button
className="sn-button danger sk-label" className="sn-button small danger sk-label"
disabled={session.revoking} disabled={session.revoking}
onClick={() => onClick={() =>
setRevokingSessionUuid(session.uuid) setRevokingSessionUuid(session.uuid)
@@ -213,14 +213,14 @@ const SessionsModal: FunctionComponent<{
</AlertDialogDescription> </AlertDialogDescription>
<div className="flex my-1 gap-2"> <div className="flex my-1 gap-2">
<button <button
className="sn-button neutral sk-label" className="sn-button small neutral sk-label"
ref={cancelRevokeRef} ref={cancelRevokeRef}
onClick={closeRevokeSessionAlert} onClick={closeRevokeSessionAlert}
> >
<span>{SessionStrings.RevokeCancelButton}</span> <span>{SessionStrings.RevokeCancelButton}</span>
</button> </button>
<button <button
className="sn-button danger sk-label" className="sn-button small danger sk-label"
onClick={() => { onClick={() => {
closeRevokeSessionAlert(); closeRevokeSessionAlert();
revokeSession(confirmRevokingSessionUuid); revokeSession(confirmRevokingSessionUuid);

14
app/assets/templates/directives/account-menu.pug
View File

@@ -175,14 +175,14 @@
| or revoking an active session, require additional authentication | or revoking an active session, require additional authentication
| like entering your account password or application passcode. | like entering your account password or application passcode.
.sk-panel-row(ng-if="self.state.protectionsDisabledUntil") .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 | Enable protections
.sk-panel-section .sk-panel-section
.sk-panel-section-title Passcode Lock .sk-panel-section-title Passcode Lock
div(ng-if='!self.state.hasPasscode') div(ng-if='!self.state.hasPasscode')
div(ng-if='self.state.canAddPasscode') div(ng-if='self.state.canAddPasscode')
.sk-panel-row(ng-if='!self.state.formData.showPasscodeForm') .sk-panel-row(ng-if='!self.state.formData.showPasscodeForm')
button.sn-button.info( button.sn-button.small.info(
ng-click='self.addPasscodeClicked(); $event.stopPropagation();' ng-click='self.addPasscodeClicked(); $event.stopPropagation();'
) Add Passcode ) Add Passcode
p.sk-p p.sk-p
@@ -212,8 +212,8 @@
placeholder='Confirm Passcode', placeholder='Confirm Passcode',
type='password' type='password'
) )
button.sn-button.info.mt-2(type='submit') Set Passcode button.sn-button.small.info.mt-2(type='submit') Set Passcode
button.sn-button.outlined.ml-2( button.sn-button.small.outlined.ml-2(
ng-click='self.state.formData.showPasscodeForm = false' ng-click='self.state.formData.showPasscodeForm = false'
) Cancel ) Cancel
div(ng-if='self.state.hasPasscode && !self.state.formData.showPasscodeForm') div(ng-if='self.state.hasPasscode && !self.state.formData.showPasscodeForm')
@@ -264,9 +264,9 @@
p.sk-p Decrypted p.sk-p Decrypted
.sk-panel-row .sk-panel-row
.flex .flex
button.sn-button.info(ng-click='self.downloadDataArchive()') button.sn-button.small.info(ng-click='self.downloadDataArchive()')
| Download Backup | Download Backup
label.sn-button.info.ml-2 button.sn-button.small.info.ml-2
input( input(
file-change='->', file-change='->',
handler='self.importFileSelected(files)', handler='self.importFileSelected(files)',
@@ -294,7 +294,7 @@
| local storage, and a new identifier will be created should you | local storage, and a new identifier will be created should you
| decide to enable error reporting again in the future. | decide to enable error reporting again in the future.
.sk-panel-row .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 | {{ self.state.errorReportingEnabled ? 'Disable' : 'Enable'}} Error Reporting
.sk-panel-row .sk-panel-row
a(ng-click="self.openErrorReportingDialog()").sk-a What data is being sent? a(ng-click="self.openErrorReportingDialog()").sk-a What data is being sent?

8
app/assets/templates/directives/component-view.pug
View File

@@ -5,7 +5,7 @@
.sk-label.warning There was an issue loading {{ctrl.component.name}}. .sk-label.warning There was an issue loading {{ctrl.component.name}}.
.right .right
.sk-app-bar-item(ng-click='ctrl.reloadIframe()') .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') .sn-component(ng-if='ctrl.expired')
.sk-app-bar.no-edges.no-top-edge.dynamic-height .sk-app-bar.no-edges.no-top-edge.dynamic-height
.left .left
@@ -25,10 +25,10 @@
| Extensions are in a read-only state. | Extensions are in a read-only state.
.right .right
.sk-app-bar-item(ng-click='ctrl.reloadStatus(true)') .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
.sk-app-bar-item-column .sk-app-bar-item-column
a.sn-button.warning( a.sn-button.small.warning(
href='https://standardnotes.org/help/41/expired', href='https://standardnotes.org/help/41/expired',
rel='noopener', rel='noopener',
target='_blank' target='_blank'
@@ -54,7 +54,7 @@
li.sk-p li.sk-p
strong Use the Desktop application. strong Use the Desktop application.
.sk-panel-row .sk-panel-row
button.sn-button.info( button.sn-button.small.info(
ng-click='ctrl.reloadStatus()', ng-click='ctrl.reloadStatus()',
ng-if='!ctrl.reloading' ng-if='!ctrl.reloading'
) Reload ) Reload

2
app/assets/templates/directives/password-wizard.pug
View File

@@ -41,7 +41,7 @@
| Please ensure you are running the latest version of Standard Notes | Please ensure you are running the latest version of Standard Notes
| on all platforms to ensure maximum compatibility. | on all platforms to ensure maximum compatibility.
.sk-panel-footer .sk-panel-footer
button.sn-button.info( button.sn-button.small.info(
ng-click='ctrl.nextStep()', ng-click='ctrl.nextStep()',
ng-disabled='ctrl.state.lockContinue' ng-disabled='ctrl.state.lockContinue'
) {{ctrl.state.continueTitle}} ) {{ctrl.state.continueTitle}}

8
app/assets/templates/directives/sync-resolution-menu.pug
View File

@@ -34,12 +34,12 @@
| perform a full account sync resolution. | perform a full account sync resolution.
.sk-panel-row .sk-panel-row
.flex.gap-2 .flex.gap-2
button.sn-button.info(ng-click='ctrl.downloadBackup(true)') Encrypted button.sn-button.small.info(ng-click='ctrl.downloadBackup(true)') Encrypted
button.sn-button.info(ng-click='ctrl.downloadBackup(false)') Decrypted button.sn-button.small.info(ng-click='ctrl.downloadBackup(false)') Decrypted
button.sn-button.danger(ng-click='ctrl.skipBackup()') Skip button.sn-button.small.danger(ng-click='ctrl.skipBackup()') Skip
div(ng-if='ctrl.status.backupFinished') div(ng-if='ctrl.status.backupFinished')
.sk-panel-row(ng-if='!ctrl.status.resolving && !ctrl.status.attemptedResolution') .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 | Perform Sync Resolution
.sk-panel-row.justify-left(ng-if='ctrl.status.resolving') .sk-panel-row.justify-left(ng-if='ctrl.status.resolving')
.sk-horizontal-group .sk-horizontal-group