Show Insert Thumbnail/Full image buttons directly after upload

Mangini

Well-known member
Right now after you upload an attachment you have to click Insert... to show the Thumbnail/Full image:

Screen Shot 2020-06-25 at 1.55.44 PM.png

It would save clicks if it directly showed the Thumbnail and Full image buttons (or some other variation) instead:

Screen Shot 2020-06-25 at 1.58.07 PM.png

Concept:

Screen Shot 2020-06-25 at 2.03.25 PM.png
 
Upvote 10

Mangini

Well-known member
If anybody is interested I found a simple way to make the concept above possible with just CSS and one Phrase change. I have only tested on standard forums and inserting images only but this is already saving me loads of time on my forums!

Step 1: add to extra.less:

CSS:
/* SHOW INSERT ATTACHMENTS INLINE */

.file {
    height: 170px;
    width: 170px;
}
.file-insertLink { display: none; }
.file-menuOptions { display: block; }
.file-menuOptions > a {
    display: inline-block;
    margin-top: 4px;
    padding: 4px;
}
.file-menuOptions .js-attachmentAction:before { content: '+ '; }

Step 2: To make both controls fit I recommend you change the Phrase full_image to just "Full".

Screen Shot 2020-10-13 at 2.24.03 PM.png
 

Ozzy47

Well-known member
If anybody is interested I found a simple way to make the concept above possible with just CSS and one Phrase change. I have only tested on standard forums and inserting images only but this is already saving me loads of time on my forums!

Step 1: add to extra.less:

CSS:
/* SHOW INSERT ATTACHMENTS INLINE */

.file {
    height: 170px;
    width: 170px;
}
.file-insertLink { display: none; }
.file-menuOptions { display: block; }
.file-menuOptions > a {
    display: inline-block;
    margin-top: 4px;
    padding: 4px;
}
.file-menuOptions .js-attachmentAction:before { content: '+ '; }

Step 2: To make both controls fit I recommend you change the Phrase full_image to just "Full".

View attachment 237475

Packaged into an addon,
 
Top