houdini/app/assets/stylesheets/tickets/index/page.css.scss
2020-06-15 10:26:57 -05:00

58 lines
1.1 KiB
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
@import 'components/pagination';
@import 'common/donate_button';
.table--plaid td.supporterName {
@include ellipsis;
}
.showWhenPhone {
display: none;
}
@media screen and (max-width: 900px) {
.table-search {
max-width: inherit;
width: 100%;
margin: 0;
}
.table-headerButton {
float: left;
margin: 10px 0 0 0;
}
.hideWhenTablet {
display: none;
}
}
@media screen and (max-width: 560px) {
td .button--small {
width: 36px;
padding: 0;
@include border-radius(50%);
border: none;
@include box-shadow(0 0 7px 0 rgba(black, 0.1));
}
td .button--small i {
line-height: 36px;
font-size: 15px;
@include transform(translateY(1px));
}
.hideWhenPhone {
display: none;
}
.showWhenPhone {
display: initial;
}
.table-meta-search input[type='text'] {
width: 12em;
}
}
@media screen and (max-width: 450px) {
[class^="col-"],
[class*=" col-"] {
width: 100%;
padding: 0;
}
}