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

Fixed style conflicts with Bootstrap.

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

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

@ -24,7 +24,7 @@
/* Styles based on the work of the getbootstrap.com team and contributors. */ /* Styles based on the work of the getbootstrap.com team and contributors. */
.input-group { .fsb-input-group {
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
display: flex; display: flex;
@ -34,7 +34,7 @@
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
.input-group-text { .fsb-input-group-text {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;

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}.input-group{box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem!important}.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}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}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}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}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}

4
index.html
View file

@ -72,8 +72,8 @@
</article> </article>
<form class="fsb-prompt"> <form class="fsb-prompt">
<label>Share with the fediverse</label> <label>Share with the fediverse</label>
<div class="input-group mb-3"> <div class="fsb-input-group mb-3">
<span class="input-group-text">https://</span> <span class="fsb-input-group-text">https://</span>
<input required <input required
type="text" type="text"
name="fediverse-domain" name="fediverse-domain"