diff options
Diffstat (limited to 'webapp/sass/responsive/_tablet.scss')
| -rw-r--r-- | webapp/sass/responsive/_tablet.scss | 378 |
1 files changed, 0 insertions, 378 deletions
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss deleted file mode 100644 index 092b8c226..000000000 --- a/webapp/sass/responsive/_tablet.scss +++ /dev/null @@ -1,378 +0,0 @@ -@charset 'UTF-8'; - -@media screen and (max-width: 960px) { - .textarea-wrapper { - .textbox-preview-link, - .textbox-help-link { - display: none; - } - } - - .help__format-text { - display: none; - } - - .post-right__scroll { - .post-create__container { - .post-create-body { - .icon__emoji_picker { - display: none; - top: -7px; - } - } - } - } - - .signup-team__container { - &.branded { - display: block; - margin: 0 auto; - max-width: 380px; - - .signup__markdown { - display: none; - } - } - } - - .sidebar--right { - @include single-transition(all, .35s, ease); - @include translateX(100%); - z-index: 10; - - &.move--left, - &.webrtc--show { - -webkit-transform: translateX(0) !important; - -moz-transform: translateX(0) !important; - -ms-transform: translateX(0) !important; - -o-transform: translateX(0) !important; - transform: translateX(0) !important; - - .search-bar__container { - z-index: 5; - } - } - } - - .backstage-content { - margin: 30px; - max-width: 100%; - padding: 0; - } - - .backstage-sidebar { - height: auto; - padding: 30px 15px 0; - position: relative; - width: 100%; - } - - .inner-wrap { - &:not(.move--left) { - margin-right: 0 !important; - } - - &.move--left, - &.webrtc--show { - margin-right: 0 !important; - - .channel-header__links { - position: relative; - right: auto; - top: auto; - } - } - - &.move--left, - &.webrtc--show, - &.move--right { - .header-list__right { - // hide it behind the RHS - z-index: -1; - } - } - } - - .post { - .attachment { - .attachment__image { - &.attachment__image--openraph { - max-height: 70px; - max-width: 300px; - - &.loading { - height: 70px; - } - } - } - } - } -} - -// Tablet and desktop -@media screen and (min-width: 768px) { - .col-sm-auto { - float: left; - } - - .second-bar { - display: none; - } - - .sidebar--right { - &.move--left, - &.webrtc--show { - @include translateX(0); - } - - &.sidebar--right--expanded { - width: calc(100% - 280px); - - .sidebar--right__bg { - background-color: alpha-color($black, .4); - visibility: visible; - } - - .search-bar__container { - padding-left: 10px; - } - - .sidebar-right-container { - position: relative; - z-index: 5; - } - - .sidebar--right__expand { - .fa-expand { - display: none; - } - - .fa-compress { - display: inline-block; - } - } - } - - .sidebar--right__title { - display: inline-block; - max-width: 300px; - text-overflow: ellipsis; - white-space: nowrap; - } - } - - .inner-wrap { - &.move--left, - &.webrtc--show { - margin-right: 400px; - } - } - - .post { - &.post--compact { - - .channel__wrap & { - .post__time { - font-size: .85em; - left: -79px; - position: absolute; - text-align: right; - top: 3px; - width: 60px; - } - - .star-icon__container { - left: -65px; - position: absolute; - text-align: right; - top: 6px; - width: 60px; - } - } - - .post__pinned-badge { - margin-left: 0; - margin-right: 5px; - } - - &:not(.post--thread) { - padding: 0 .5em 0 77px; - - &.other--root { - - } - - .post__link { - margin: 3px 0 7px; - vertical-align: bottom; - } - - span { - p { - &:last-child { - margin-bottom: 0; - } - } - } - - .post__header { - float: left; - height: 21px; - padding-top: 2px; - - .col__name { - font-weight: bold; - margin-right: 2px; - padding-right: 5px; - position: relative; - z-index: 1; - } - - .colon { - display: inline; - } - - .col__reply { - top: -1px; - } - } - - &.other--root { - .post__link + .post__body { - clear: both; - } - - &.post--comment { - .post__header { - .col__reply { - top: -1px; - } - } - } - } - - .post-code { - clear: both; - } - - .post__body { - width: 100%; - } - - .post__content { - padding-right: 45px; - } - } - - .flag-icon__container { - left: -21px; - position: absolute; - top: 4px; - } - - .sidebar--right & .flag-icon__container { - left: auto; - position: relative; - top: 1px; - } - - &.same--root { - &.same--user { - padding-left: 77px; - padding-top: 0; - - .flag-icon__container { - left: -21px; - position: absolute; - top: 4px; - } - - .post__header { - .col__reply { - top: -1px; - } - } - - .post__img { - img { - display: none; - } - } - - &.post--root { - .post__img { - img { - display: block; - } - } - - .post__time { - @include opacity(.6); - } - } - } - - &.post--comment { - padding-top: 1px; - - &.same--user { - .post__img { - img { - display: none; - } - } - } - - .post__header { - margin-left: 12px; - } - } - } - } - - &.same--root { - &.same--user { - .post__time { - @include opacity(0); - } - - .post__header { - float: left; - padding-top: 3px; - - .col__reply { - top: -21px; - } - - .post__pinned-badge { - margin-right: 5px; - } - } - - &:not(.post--compact) { - .post__time { - display: inline-block; - font-size: 11px; - left: -14px; - line-height: 20px; - position: absolute; - text-align: right; - text-rendering: auto; - top: 4px; - width: 51px; - - &:hover { - text-decoration: underline; - } - } - } - } - - &.post--comment:not(.post--compact) { - .post__pinned-badge { - margin-left: 10px; - } - } - } - } -} |