Commit 94aa955e authored by Emiliano Balbuena's avatar Emiliano Balbuena
Browse files

(chore): Always show View channel button; tweak spinner style

parent 1a8353f0
Pipeline #77126918 passed with stages
in 27 minutes and 54 seconds
......@@ -143,7 +143,7 @@
<a *ngIf="user.pro" class="m-btn m-link-btn m-btn--with-icon m-btn--slim" routerLink="/pro/settings">
<i class="material-icons">business_center</i>
<span i18n>Pro Settings</span>
<span i18n>Pro</span>
</a>
</ng-container>
......
......@@ -27,7 +27,7 @@
</ng-container>
</div>
</div>
4
<div class="m-pro--channel-home--loader" *ngIf="inProgress">
<div class="mdl-spinner mdl-js-spinner is-active" [mdl]></div>
</div>
......
......@@ -237,7 +237,7 @@
</ng-template>
</ng-container>
<div class="m-pro--settings--field" *ngIf="currentTab !== 'cancel'">
<div class="m-pro--settings--field m-pro--settings--field-actions" *ngIf="currentTab !== 'cancel'">
<button
class="m-btn m-btn--slim m-btn--action"
type="submit"
......@@ -245,16 +245,15 @@
i18n
>Save</button>
<span *ngIf="inProgress">
<div class="m-pro--settings--field-spinner" *ngIf="inProgress">
<div class="mdl-spinner mdl-js-spinner is-active" [mdl]></div>
</span>
</div>
<a
*ngIf="saved"
class="m-btn m-link-btn m-btn--slim m-pro--settings--preview-btn"
[routerLink]="previewRoute"
i18n
>Preview your Pro site</a>
>Go to your channel</a>
</div>
</form>
</ng-container>
......
......@@ -66,14 +66,23 @@
border-color: themed($m-grey-50);
}
}
&.m-pro--settings--field-actions {
display: flex;
flex-direction: row;
> *:last-child {
margin-left: auto;
}
}
}
.m-pro--settings--preview-btn {
margin-left: 0.35em;
@include m-theme() {
color: themed($m-grey-300);
border-color: themed($m-grey-300);
color: themed($m-grey-600);
border-color: themed($m-grey-600);
}
}
......@@ -101,4 +110,8 @@
}
}
}
.m-pro--settings--field-spinner {
margin-left: 0.65em
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment