maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve visual consistency in some embeds (#19390)

Browse source 
Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
This commit is contained in:
Ben Halpern 2023-04-26 09:55:31 -04:00 • committed by GitHub
parent de5da78815
commit 793c6b75b6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/assets/stylesheets/ltags/GithubTag.scss
View file

@ -3,7 +3,6 @@
.ltag_github-liquid-tag {
margin: 1.1em auto 1.3em;
max-width: 580px;
position: relative;
h1 {
@ -47,21 +46,20 @@
.github-thread {
font-family: var(--ff-sans-serif);
background-color: var(--card-bg);
border: 1px solid var(--base-60);
box-shadow: $shadow;
border-radius: 3px;
border: 1px solid var(--form-border);
box-shadow: var(--shadow-smooth);
border-radius: var(--radius-auto);
font-size: 0.77em;
line-height: 1.15em;
margin: 0;
width: 98%;
overflow: hidden;
.timeline-comment-header {
display: flex;
align-items: center;
background: var(--card-bg);
border-bottom: 1px solid var(--base-60);
padding: 0 10px;
border-bottom: 1px solid var(--form-border);
padding: 0.5em 1.5em;
@media screen and (min-width: 500px) {
align-items: center;
@ -90,7 +88,7 @@
}
.ltag-github-body {
padding: 1em 0.5em;
padding: 1em 1.5em;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
max-height: calc(21vw + 165px);

14
app/assets/stylesheets/ltags/TagTag.scss
View file

@ -2,11 +2,13 @@
@import '../mixins';
.ltag__tag {
border: 1px solid $black;
font-family: var(--ff-sans-serif);
border: 1px solid $light-medium-gray;
@include themeable(box-shadow, theme-container-box-shadow, $bold-shadow);
border-radius: 3px;
border-left: 1px solid var(--form-border) !important;
border-right: 1px solid var(--form-border) !important;
border-bottom: 1px solid var(--form-border) !important;
border-top: 30px solid var(--form-border);
box-shadow: var(--shadow-smooth) !important;
border-radius: var(--radius-auto) !important;
display: block;
margin: 0.95em 0 1.2em;
position: relative;
@ -14,7 +16,6 @@
width: auto;
@media screen and (min-width: 760px) {
margin: 0.95em auto;
max-width: 620px;
}
.ltag__tag__content {
a {
@ -27,7 +28,7 @@
h2 {
margin: 0;
padding: 0;
font-weight: 500;
font-weight: var(--fw-bold);
display: flex;
align-items: center;
.follow-action-button {
@ -40,6 +41,7 @@
}
.ltag__tag__summary {
padding-top: calc(0.5vw + 6px);
padding-bottom: calc(0.5vw + 6px);
font-size: 0.77em;
line-height: 1.1em;
}

9
app/assets/stylesheets/ltags/TweetTag.scss
View file

@ -5,16 +5,13 @@ blockquote.ltag__twitter-tweet {
max-width: 500px;
font-size: 0.75em;
line-height: 1.35em;
border-radius: 3px;
border: 1px solid var(--form-border);
box-shadow: var(--shadow-smooth);
border-radius: var(--radius-auto);
margin: 1.6em auto !important;
min-height: 60px;
cursor: pointer;
padding: 0px !important;
border: 1px solid $light-medium-gray !important;
box-shadow: $shadow;
&:hover {
border: 1px solid darken($light-medium-gray, 3%) !important;
}
a {
color: #55acee;
}

11
app/assets/stylesheets/ltags/WikipediaTag.scss
View file

@ -2,14 +2,13 @@
@import '../components/buttons';
.ltag__wikipedia--container {
border: 1px solid $light-medium-gray;
border-radius: 3px;
box-shadow: $shadow;
border: 1px solid var(--form-border);
box-shadow: var(--shadow-smooth);
border-radius: var(--radius-auto);
margin: 1.1em auto 1.3em;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
overflow: hidden;
max-width: 620px;
padding-top: 1rem;
.ltag__wikipedia--header {
@ -17,7 +16,7 @@
font-size: var(--fs-xl);
line-height: var(--lh-base);
margin: 0em 0 0.5em;
padding: 0 var(--su-3);
padding: 0 var(--su-5);
> a {
color: var(--link-branded-color);
@ -41,7 +40,7 @@
margin-left: 0.15em;
font-size: var(--fs-s);
line-height: var(--lh-base);
padding: 0 var(--su-3);
padding: 0 var(--su-5);
}
.ltag__wikipedia--btn--container {