bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Restore old border-radius behavior, fixes #266

Browse source
This commit is contained in:
Alex Gleason 2020-09-11 12:24:43 -05:00
parent 72659f27c1
commit 9ac6f3aaab
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
7 changed files with 1 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/styles/application.scss
View file

@ -27,7 +27,6 @@
@import 'dyslexic';
@import 'demetricator';
@import 'pro';
@import 'overflow_hacks';
@import 'chats';
// COMPONENTS

1
app/styles/chats.scss
View file

@ -322,7 +322,6 @@
display: flex;
align-items: center;
background: var(--accent-color--faint);
border-radius: 10px 10px 0 0;
.column-back-button {
background: transparent;

1
app/styles/components/columns.scss
View file

@ -212,7 +212,6 @@
font-size: 16px;
line-height: inherit;
border: 0;
border-radius: 10px 10px 0 0;
text-align: unset;
padding: 15px;
margin: 0;

1
app/styles/components/detailed-status.scss
View file

@ -62,7 +62,6 @@
border-bottom: 1px solid var(--brand-color--faint);
display: flex;
flex-direction: row;
border-radius: 0 0 10px 10px;
}
.detailed-status__link {

2
app/styles/components/drawer.scss
View file

@ -20,7 +20,7 @@
.column,
.drawer {
flex: 1 1 100%;
overflow: visible;
overflow: hidden;
}
.drawer__pager {

1
app/styles/loading.scss
View file

@ -188,7 +188,6 @@
align-items: center;
justify-content: center;
padding: 20px;
border-radius: 0 0 10px 10px;
& > div {
width: 100%;

37
app/styles/overflow_hacks.scss
View file

@ -1,37 +0,0 @@
// This is a file dedicated to fixing the css we broke by introducing the hover
// card and `overflow:visible` on drawer.scss line 23. If we ever figure out how
// to pop the hover card out while keeping `overflow:hidden`, feel free to delete
// this entire file.
button.column-header__button.active {
border-radius: 0 10px 0 0;
}
.column-back-button.column-back-button--slim-button {
border-radius: 0 10px 0 0;
}
.detailed-status__wrapper .detailed-status__action-bar {
border-radius: 0 0 10px 10px;
}
.slist .item-list .column-link {
background-color: transparent;
border-top: 1px solid var(--brand-color--med);
}
.focusable {
&:focus {
border-radius: 0 0 10px 10px;
}
}
.load-more:hover {
border-radius: 0 0 10px 10px;
}
// this still looks like shit but at least it's better than it overflowing
.empty-column-indicator {
border-radius: 0 0 10px 10px;
}