ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
stacker.news/components/form.module.css

58 lines
1.1 KiB
CSS
Raw Normal View History

markdown previews
2021-07-01 23:51:58 +00:00
.noTopLeftRadius textarea {
border-top-left-radius: 0;
}
.markdownInput textarea {
margin-top: -1px;
Fix different font between write and preview (#338) Co-authored-by: ekzyis <ek@stacker.news>
2023-07-04 19:36:55 +00:00
font-size: 94%;
line-height: 140%;
}
@media screen and (min-width: 767px) {
.markdownInput textarea {
line-height: 130%;
}
markdown previews
2021-07-01 23:51:58 +00:00
}
.markdownInput .text {
margin-top: -1px;
height: auto;
refine tipping
2021-09-12 16:55:38 +00:00
}
clear inputs
2022-08-25 18:46:07 +00:00
Image uploads (#576) * Add icon to add images * Open file explorer to select image * Upload images to S3 on selection * Show uploaded images below text input * Link and remove image * Fetch unsubmitted images from database * Mark S3 images as submitted in imgproxy job * Add margin-top * Mark images as submitted on client after successful mutation * Also delete objects in S3 * Allow items to have multiple uploads linked * Overwrite old avatar * Add fees for presigned URLs * Use Github style upload * removed upfront fees * removed images provider since we no longer need to keep track of unsubmitted images on the client * removed User.images resolver * removed deleteImage mutation * use Github style upload where it shows ![Uploading <filename>...]() first and then replaces that with ![<filename>](<url>) after successful upload * Add Upload.paid boolean column One item can have multiple images linked to it, but an image can also be used in multiple items (many-to-many relation). Since we don't really care to which item an image is linked and vice versa, we just use a boolean column to mark if an image was already paid for. This makes fee calculation easier since no JOINs are required. * Add image fees during item creation/update * we calculate image fees during item creation and update now * function imageFees returns queries which deduct fees from user and mark images as paid + fees * queries need to be run inside same transaction as item creation/update * Allow anons to get presigned URLs * Add comments regarding avatar upload * Use megabytes in error message * Remove unnecessary avatar check during image fees calculation * Show image fees in frontend * Also update image fees on blur This makes sure that the images fees reflect the current state. For example, if an image was removed. We could also add debounced requests. * Show amount of unpaid images in receipt * Fix fees in sats deducted from msats * Fix algebraic order of fees Spam fees must come immediately after the base fee since it multiplies the base fee. * Fix image fees in edit receipt * Fix stale fees shown If we pay for an image and then want to edit the comment, the cache might return stale date; suggesting we didn't pay for the existing image yet. * Add 0 base fee in edit receipt * Remove 's' from 'image fees' in receipts * Remove unnecessary async * Remove 'Uploading <name>...' from text input on error * Support upload of multiple files at once * Add schedule to delete unused images * Fix image fee display in receipts * Use Drag and Drop API for image upload * Remove dragOver style on drop * Increase max upload size to 10MB to allow HQ camera pictures * Fix free upload quota * Fix stale image fees served * Fix bad image fee return statements * Fix multiplication with feesPerImage * Fix NULL returned for size24h, sizeNow * Remove unnecessary text field in query * refactor: Unify <ImageUpload> and <Upload> component * Add avatar cache busting using random query param * Calculate image fee info in postgres function * we now calculate image fee info in a postgres function which is much cleaner * we use this function inside `create_item` and `update_item`: image fees are now deducted in the same transaction as creating/updating the item! * reversed changes in `serializeInvoiceable` * Fix line break in receipt * Update upload limits * Add comment about `e.target.value = null` * Use debounce instead of onBlur to update image fees info * Fix invoice amount * Refactor avatar upload control flow * Update image fees in onChange * Fix rescheduling of other jobs * also update schedule from every minute to every hour * Add image fees in calling context * keep item ids on uploads * Fix incompatible onSubmit signature * Revert "keep item ids on uploads" This reverts commit 4688962abcd54fdc5850109372a7ad054cf9b2e4. * many2many item uploads * pretty subdomain for images * handle upload conditions for profile images and job logos --------- Co-authored-by: ekzyis <ek@ekzyis.com> Co-authored-by: ekzyis <ek@stacker.news>
2023-11-06 20:53:33 +00:00
.dragOver {
box-shadow: 0 0 10px var(--bs-info);
}
upgrade react-bootstrap
2023-07-24 18:35:05 +00:00
.appendButton {
border-left: 0 !important;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
clear inputs
2022-08-25 18:46:07 +00:00
.clearButton {
background-color: var(--theme-inputBg);
border: 1px solid var(--theme-borderColor);
padding: 0rem 0.5rem;
Custom date selector for more pages (#567) * add custom range option to top items page * add custom range option to profile page * add date filter option to chart pages * cleanup * fix x-axis date labels * date picker improvements * enhancements to custom date selection * remove unneeded condition --------- Co-authored-by: rleed <rleed1@pm.me> Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com>
2023-11-09 00:15:36 +00:00
display: flex;
align-items: center;
clear inputs
2022-08-25 18:46:07 +00:00
}
upgrade react-bootstrap
2023-07-24 18:35:05 +00:00
.clearButton:hover, .clearButton:active {
background-color: var(--theme-inputBg) !important;
border: 1px solid var(--theme-borderColor) !important;
border-left: 0 !important;
}
clear inputs
2022-08-25 18:46:07 +00:00
.clearButton.isInvalid {
border-color: #c03221;
user suggestions on forward
2022-08-26 22:20:09 +00:00
}
/* https://github.com/react-bootstrap/react-bootstrap/issues/5475 */
.suggestionsMenu {
opacity: 1 !important;
pointer-events: unset !important;
improve markdown tab spacing
2023-10-26 18:28:12 +00:00
}
.previewTab {
padding-top: .2rem;
padding-bottom: .3rem;
clear inputs
2022-08-25 18:46:07 +00:00
}