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

Fixed placeholder color when dark mode is applied.

Browse source
This commit is contained in:
Stefan Bohacek 2024-05-20 09:28:01 -04:00
parent 1fd2c94628
commit 76552b06f2
No known key found for this signature in database
GPG key ID: FC75CD588A42BC10
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -79,6 +79,14 @@ input.fsb-input {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
input.fsb-input ::placeholder,
input.fsb-input ::-ms-input-placeholder {
color: #3e3e3e;
opacity: 1;
}
button.fsb-button { button.fsb-button {
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;

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:1rem;margin-right:.5rem;vertical-align:text-bottom}.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;color:#3e3e3e;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}input.fsb-input{background-color:#fff;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:0;border-top-left-radius:0;border-bottom-left-radius:0}button.fsb-button{box-sizing:border-box;background-color:#fff;color:#000;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;cursor:pointer;position:relative;z-index:2;margin-left:-1px;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important} .fsb-prompt{max-width:500px;margin-top:52px}.fsb-prompt label{display:block;margin-bottom:12px}.fsb-icon{max-width:1rem;margin-right:.5rem;vertical-align:text-bottom}.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;color:#3e3e3e;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;background-color:#fff;border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}input.fsb-input{background-color:#fff;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:0;border-top-left-radius:0;border-bottom-left-radius:0}input.fsb-input ::-ms-input-placeholder,input.fsb-input ::placeholder{color:#3e3e3e;opacity:1}button.fsb-button{box-sizing:border-box;background-color:#fff;color:#000;margin:0;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;vertical-align:middle;border:1px solid silver;cursor:pointer;position:relative;z-index:2;margin-left:-1px;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}