setto/fediverse-share-button
4
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fixed compatibility with Bootstrap.

Browse source
This commit is contained in:
Stefan Bohacek 2024-05-17 09:08:08 -04:00
parent 1053aa68db
commit 6f83ba09a0
No known key found for this signature in database
GPG key ID: FC75CD588A42BC10
3 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
fediverse-share-button/styles.css
View file

@ -87,7 +87,6 @@
vertical-align: middle; vertical-align: middle;
border: 1px solid silver; border: 1px solid silver;
border-radius: 8px; border-radius: 8px;
background-color: var(--bs-btn-bg);
cursor: pointer; cursor: pointer;
position: relative; position: relative;
z-index: 2; z-index: 2;

2
fediverse-share-button/styles.min.css vendored
View file

@ -1 +1 @@
.fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:14px;margin-right:10px;vertical-align:text-top}.fsb-support-note{font-size:small}.fsb-d-none{display:none!important}.fsb-input-group{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem!important}.fsb-input-group-text{box-sizing:border-box;display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}.fsb-input{box-sizing:border-box;margin:0;font-family:inherit;scroll-margin-top:80px;scroll-margin-bottom:100px;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;appearance:none;background-clip:padding-box;border:1px solid silver;border-left:none;position:relative;flex:1 1 auto;width:1%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.fsb-button{box-sizing:border-box;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;border-radius:8px;background-color:var(--bs-btn-bg);cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-left-radius:0;border-bottom-left-radius:0} .fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:14px;margin-right:10px;vertical-align:text-top}.fsb-support-note{font-size:small}.fsb-d-none{display:none!important}.fsb-input-group{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem!important}.fsb-input-group-text{box-sizing:border-box;display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}.fsb-input{box-sizing:border-box;margin:0;font-family:inherit;scroll-margin-top:80px;scroll-margin-bottom:100px;display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;appearance:none;background-clip:padding-box;border:1px solid silver;border-left:none;position:relative;flex:1 1 auto;width:1%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.fsb-button{box-sizing:border-box;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;border-radius:8px;cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-left-radius:0;border-bottom-left-radius:0}

8
index.html
View file

@ -78,11 +78,10 @@
type="text" type="text"
name="fediverse-domain" name="fediverse-domain"
placeholder="mastodon.social" placeholder="mastodon.social"
class="fsb-input fsb-domain form-control" class="fsb-input fsb-domain"
aria-label="Amount (to the nearest dollar)"> aria-label="Amount (to the nearest dollar)">
<button class="fsb-button" <button class="fsb-button"
type="submit" type="submit"><img src="./fediverse-share-button/icons/mastodon.svg"
id="button-addon2"><img src="./fediverse-share-button/icons/mastodon.svg"
class="fsb-icon"></span>Share</button> class="fsb-icon"></span>Share</button>
</div> </div>
<p class="fsb-support-note fsb-d-none">This server does not support sharing. Please visit <a <p class="fsb-support-note fsb-d-none">This server does not support sharing. Please visit <a
@ -90,7 +89,8 @@
target="_blank" target="_blank"
href=""></a>.</p> href=""></a>.</p>
</form> </form>
<script class="fsb-script" src="./fediverse-share-button/script.min.js" <script class="fsb-script"
src="./fediverse-share-button/script.min.js"
defer> defer>
</script> </script>
</body> </body>