mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-02 08:13:34 +03:00
755e048f98
Update for synchronous feature service Add client-side handling of server-side errors when adding subscribers - display server-provided error message when we get a server error - fix the ajax util's `getRequestErrorMessage` method so that it works correctly with Ember's `InvalidError` object instead of the previous request object that it was receiving (*TODO:* this really needs looking at properly so we aren't losing details and Ember Data can do it's stuff) Styling updates - proper icon for ascending/descending - change hover colour to green for "Import CSV" button Delete subscriber button with confirm modal - display delete button when hovering over a subscriber row (WARN: really ugly button, styles definitely want looking at) - show confirm modal when clicking the delete button - delete subscriber, remove from table, and update total on confirm
70 lines
1.3 KiB
CSS
70 lines
1.3 KiB
CSS
/* Subscribers Management /ghost/subscribers/
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.view-subscribers .view-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
min-height: 100%;
|
|
}
|
|
|
|
|
|
/* Table (left pane)
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.subscribers-table {
|
|
flex-grow: 1;
|
|
overflow-y: auto;
|
|
padding: 0 12px; /* ember-light-table has 8px padding on cells */
|
|
max-height: 100%;
|
|
}
|
|
|
|
.subscribers-table table {
|
|
margin: 0;
|
|
}
|
|
|
|
.subscribers-table table .btn {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.subscribers-table table tr:hover .btn {
|
|
visibility: visible;
|
|
}
|
|
|
|
.subscribers-table tbody td:last-of-type {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
/* Sidebar (right pane)
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.subscribers-sidebar {
|
|
width: 350px;
|
|
border-left: 1px solid #dfe1e3;
|
|
}
|
|
|
|
.subscribers-import-buttons {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.subscribers-import-buttons .btn {
|
|
flex-grow: 1;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.subscribers-import-buttons .btn:last-of-type {
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
/* Import modal
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.subscribers-import-results {
|
|
margin: 0;
|
|
width: auto;
|
|
}
|