From 5e5d0885e5ab211762fae3629b5c8debebfd452f Mon Sep 17 00:00:00 2001 From: Stefan Bohacek Date: Sun, 19 May 2024 18:46:29 -0400 Subject: [PATCH] Fixed background color conflict with Bootstrap variables. --- fediverse-share-button/styles.css | 4 ++-- fediverse-share-button/styles.min.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/fediverse-share-button/styles.css b/fediverse-share-button/styles.css index f35d22d..16a0d81 100644 --- a/fediverse-share-button/styles.css +++ b/fediverse-share-button/styles.css @@ -44,7 +44,7 @@ line-height: 1.5; text-align: center; white-space: nowrap; - background-color: var(--bs-tertiary-bg); + background-color: #fff; border: 1px solid silver; border-radius: 8px; border-top-right-radius: 0; @@ -72,7 +72,7 @@ input.fsb-input { min-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; - margin-left: calc(var(--bs-border-width) * -1); + margin-left: -1; border-top-left-radius: 0; border-bottom-left-radius: 0; } diff --git a/fediverse-share-button/styles.min.css b/fediverse-share-button/styles.min.css index e964369..c4391be 100644 --- a/fediverse-share-button/styles.min.css +++ b/fediverse-share-button/styles.min.css @@ -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:baseline}.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.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}button.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;cursor:pointer;position:relative;z-index:2;margin-left:-1;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:baseline}.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:#fff;border:1px solid silver;border-radius:8px;border-top-right-radius:0;border-bottom-right-radius:0}input.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:-1;border-top-left-radius:0;border-bottom-left-radius:0}button.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;cursor:pointer;position:relative;z-index:2;margin-left:-1;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}