r4sas
/
tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Remove margin bottom on webpage

master
Eduard Kuzmenko 4 years ago
parent
87c747a31a
commit
d1ab1ec1f5
1 changed files with 24 additions and 24 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 48
      src/scss/partials/_chatBubble.scss

48
src/scss/partials/_chatBubble.scss
Unescape View File

@ -117,7 +117,7 @@ $bubble-margin: .25rem;
line-height: 2.1; line-height: 2.1;
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: 15px;
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, .95);
z-index: 2; z-index: 2;
position: relative; position: relative;
} }
@ -152,11 +152,11 @@ $bubble-margin: .25rem;
//z-index: 3; //z-index: 3;
z-index: 2; z-index: 2;
transition: opacity .3s ease; transition: opacity .3s ease;
opacity: 0.99999; // for safari opacity: .99999; // for safari
pointer-events: none; pointer-events: none;
&.is-sticky { &.is-sticky {
opacity: 0.00001; // for safari opacity: .00001; // for safari
#bubbles-inner:not(.is-scrolling) & { #bubbles-inner:not(.is-scrolling) & {
//transition-delay: 1.35s; //transition-delay: 1.35s;
@ -235,7 +235,7 @@ $bubble-margin: .25rem;
min-width: 56px; min-width: 56px;
max-width: 100%; max-width: 100%;
border-radius: 12px; border-radius: 12px;
box-shadow: 0 1px 2px 0 rgba(16, 35, 47, 0.15); box-shadow: 0 1px 2px 0 rgba(16, 35, 47, .15);
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
@ -313,7 +313,7 @@ $bubble-margin: .25rem;
justify-content: center; justify-content: center;
color: #fff; color: #fff;
border-radius: 50%; border-radius: 50%;
background: rgba(0, 0, 0, 0.16); background: rgba(0, 0, 0, .16);
cursor: pointer; cursor: pointer;
} }
@ -715,13 +715,13 @@ $bubble-margin: .25rem;
} }
.title { .title {
letter-spacing: -0.2px; letter-spacing: -.2px;
line-height: 1.2; line-height: 1.2;
font-weight: 500 !important; font-weight: 500 !important;
} }
.name { .name {
letter-spacing: -0.3px; letter-spacing: -.3px;
display: block; display: block;
html.no-touch &:hover { html.no-touch &:hover {
@ -733,14 +733,14 @@ $bubble-margin: .25rem;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: 1.2; line-height: 1.2;
letter-spacing: -0.3px; letter-spacing: -.3px;
margin-top: 2px; margin-top: 2px;
font-size: 0.965rem; font-size: .965rem;
} }
.quote { .quote {
// padding-left: .5rem; // padding-left: .5rem;
padding-left: 0.55rem; padding-left: .55rem;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
@ -750,10 +750,9 @@ $bubble-margin: .25rem;
.web, .reply { .web, .reply {
font-size: .95rem; font-size: .95rem;
// margin: .25rem; // margin: .25rem;
margin: 4px 4px 4px 6px; margin: 4px 4px 0 6px;
//padding: .25rem; //padding: .25rem;
padding: 4px; padding: 4px;
margin-bottom: -5px;
border-radius: 4px; border-radius: 4px;
//transition: anim(background-color); //transition: anim(background-color);
@ -943,7 +942,7 @@ $bubble-margin: .25rem;
&__seek { &__seek {
height: 2px; height: 2px;
overflow: visible !important; overflow: visible !important;
background: rgba(124, 195, 107, 0.52); background: rgba(124, 195, 107, .52);
&::-webkit-slider-thumb { &::-webkit-slider-thumb {
height: 12px; height: 12px;
@ -1249,7 +1248,7 @@ $bubble-margin: .25rem;
.service-msg { .service-msg {
color: #fff; color: #fff;
background-color: rgba(0, 0, 0, 0.24); background-color: rgba(0, 0, 0, .24);
font-size: 14px; font-size: 14px;
padding: 0 8px; padding: 0 8px;
line-height: 24px; line-height: 24px;
@ -1400,7 +1399,7 @@ $bubble-margin: .25rem;
.audio:not(.is-voice) { .audio:not(.is-voice) {
.progress-line { .progress-line {
&__seek { &__seek {
background: rgba(193, 207, 220, 0.39); background: rgba(193, 207, 220, .39);
} }
&__filled { &__filled {
@ -1483,7 +1482,7 @@ $bubble-margin: .25rem;
.quote { .quote {
html.no-touch &:hover { html.no-touch &:hover {
background-color: rgba($color-green, 0.12); background-color: rgba($color-green, .12);
} }
} }
@ -1642,7 +1641,7 @@ $bubble-margin: .25rem;
html.no-touch &-answer:hover { html.no-touch &-answer:hover {
.animation-ring { .animation-ring {
background-color: rgba(79, 174, 78, 0.08); background-color: rgba(79, 174, 78, .08);
} }
} }
@ -1694,7 +1693,7 @@ $bubble-margin: .25rem;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 6px; border-radius: 6px;
background-color: rgba(0, 0, 0, 0.23); background-color: rgba(0, 0, 0, .23);
z-index: 2; z-index: 2;
font-size: 14px; font-size: 14px;
user-select: none; user-select: none;
@ -1705,10 +1704,11 @@ $bubble-margin: .25rem;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
transition: background-color 0.35s ease; transition: background-color .35s ease;
overflow: hidden;
html.no-touch &:hover { html.no-touch &:hover {
background-color: rgba(0, 0, 0, 0.06); background-color: rgba(0, 0, 0, .06);
} }
& + & { & + & {
@ -1857,7 +1857,7 @@ poll-element {
&.is-voting { &.is-voting {
.progress-ring__circle { .progress-ring__circle {
stroke-dashoffset: -19.792; stroke-dashoffset: -19.792;
animation: pollAnswerRotate 0.65s linear infinite; animation: pollAnswerRotate .65s linear infinite;
} }
} }
@ -2018,9 +2018,9 @@ poll-element {
border-radius: 50%; border-radius: 50%;
height: 34px; height: 34px;
width: 34px; width: 34px;
transition: transform 0.12s; transition: transform .12s;
background-color: #f4f4f4; background-color: #f4f4f4;
transform: scale(0.1); transform: scale(.1);
visibility: hidden; visibility: hidden;
} }
@ -2033,7 +2033,7 @@ poll-element {
&__circle { &__circle {
transform-origin: center; transform-origin: center;
transform: rotate(-90deg); transform: rotate(-90deg);
transition: stroke-dashoffset 0.15s; transition: stroke-dashoffset .15s;
stroke-dasharray: 56.5487, 56.5487; stroke-dasharray: 56.5487, 56.5487;
stroke-dashoffset: 0; stroke-dashoffset: 0;
stroke-opacity: 1; stroke-opacity: 1;

Write Preview
Loading…
Cancel
Save