szurubooru/client/css/post-upload.styl

@import colors

$cancel-button-color = tomato

#post-upload
    form
        width: 100%
        max-width: 40em
        margin: 0 auto
        text-align: left

        &.inactive input[type=submit],
        &.inactive .skip-duplicates
        &.uploading input[type=submit],
        &.uploading .skip-duplicates,
        &:not(.uploading) .cancel
            display: none

    .dropper-container
        margin: 0 auto
        .file-dropper
            font-size: 150%
            padding: 2em

    input[type=submit]
        margin-top: 1em

    .cancel
        margin-top: 1em
        background: $cancel-button-color
        border-color: $cancel-button-color
        &:focus
            border: 2px solid $text-color

    .skip-duplicates
        margin-left: 1em

    .messages
        margin-top: 1em

    .uploadables-container
        li
            margin: 0 0 1.2em 0

        .uploadable
            .file
                margin: 0.3em 0
                overflow: hidden
                white-space: nowrap
                text-align: left
                text-overflow: ellipsis

            .anonymous
                margin: 0.3em 0

            .safety
                margin: 0.3em 0
                label
                    display: inline-block
                    margin-right: 1em

            .options div
                display: inline-block
                margin: 0 1em 0 0

            .thumbnail-wrapper
                float: left
                width: 12.5em
                height: 7em
                margin: 0.2em 1em 0 0

                .thumbnail
                    width: 100%
                    height: 100%

            .controls
                float: right
                a
                    color: $inactive-link-color
                    margin-left: 0.5em
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`@import colors`

client/posts: add upload cancelling 2016-09-29 21:36:59 +02:00			`$cancel-button-color = tomato`

client/css: split into files 2016-08-27 18:19:42 +02:00			`#post-upload`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`form`
			`width: 100%`
			`max-width: 40em`
			`margin: 0 auto`
client/posts: move submit buttons to top 2016-09-10 09:57:20 +02:00			`text-align: left`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00
client/posts: add 'skip duplicates' to upload form Closes #102 2016-09-29 22:26:37 +02:00			`&.inactive input[type=submit],`
			`&.inactive .skip-duplicates`
			`&.uploading input[type=submit],`
			`&.uploading .skip-duplicates,`
			`&:not(.uploading) .cancel`
			`display: none`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00
			`.dropper-container`
			`margin: 0 auto`
			`.file-dropper`
			`font-size: 150%`
			`padding: 2em`

			`input[type=submit]`
client/posts: move submit buttons to top 2016-09-10 09:57:20 +02:00			`margin-top: 1em`
client/posts: add upload cancelling 2016-09-29 21:36:59 +02:00
			`.cancel`
			`margin-top: 1em`
			`background: $cancel-button-color`
			`border-color: $cancel-button-color`
			`&:focus`
			`border: 2px solid $text-color`
client/posts: move submit buttons to top 2016-09-10 09:57:20 +02:00
client/posts: add 'skip duplicates' to upload form Closes #102 2016-09-29 22:26:37 +02:00			`.skip-duplicates`
			`margin-left: 1em`

client/posts: move submit buttons to top 2016-09-10 09:57:20 +02:00			`.messages`
			`margin-top: 1em`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00
			`.uploadables-container`
client/posts: move submit buttons to top 2016-09-10 09:57:20 +02:00			`li`
			`margin: 0 0 1.2em 0`

client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`.uploadable`
			`.file`
client/css: align radioboxes to first line 2016-10-22 12:28:09 +02:00			`margin: 0.3em 0`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`overflow: hidden`
client/css: don't wrap long file names 2016-08-24 13:32:44 +02:00			`white-space: nowrap`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`text-align: left`
			`text-overflow: ellipsis`

client/css: align radioboxes to first line 2016-10-22 12:28:09 +02:00			`.anonymous`
			`margin: 0.3em 0`

client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`.safety`
client/css: align radioboxes to first line 2016-10-22 12:28:09 +02:00			`margin: 0.3em 0`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`label`
client/css: align radioboxes to first line 2016-10-22 12:28:09 +02:00			`display: inline-block`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`margin-right: 1em`

client/posts: control over video loops on upload Also loop videos by default 2016-11-11 22:35:58 +01:00			`.options div`
			`display: inline-block`
			`margin: 0 1em 0 0`

client/posts: allow clicking on upload thumbnails 2016-09-10 16:13:57 +02:00			`.thumbnail-wrapper`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`float: left`
			`width: 12.5em`
			`height: 7em`
client/css: adjust thumbnail margins 2016-08-23 20:55:51 +02:00			`margin: 0.2em 1em 0 0`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00
client/posts: allow clicking on upload thumbnails 2016-09-10 16:13:57 +02:00			`.thumbnail`
			`width: 100%`
			`height: 100%`

client/posts: add controls for reordering uploads 2016-08-24 12:59:48 +02:00			`.controls`
client/posts: implement upload form 2016-08-20 22:40:25 +02:00			`float: right`
client/posts: add controls for reordering uploads 2016-08-24 12:59:48 +02:00			`a`
			`color: $inactive-link-color`
client/css: increase button margin in upload form 2016-09-10 15:49:21 +02:00			`margin-left: 0.5em`