Mastodon-Material-Gallery/plugins/plus.scss at main · GenbuProject/Mastodon-Material-Gallery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
$name: "Plus";
$plugin-version: "1.0.0";
$target-version: "1.0.0";
$website: "";
@include version-check($name, $plugin-version, $target-version, $website);

.status__action-bar-button {
    background: #eeeeee;
    width: 28px !important;
    height: 28px !important;

    .fa { vertical-align: bottom }
}

// exception
.media-modal__overlay .picture-in-picture__footer .icon-button,
.status__action-bar-button.icon-button--with-counter { background: transparent }

// favorite icon
.star-icon.active,
.star-icon.icon-button.active.activate,
.notification__favourite-icon-wrapper .star-icon { background: #db4437 }

.notification__favourite-icon-wrapper {
    left: -34px;

    .star-icon {
        border-radius: 50%;
        width: 28px;
        height: 28px;
        vertical-align: baseline;
        font-size: 18px;

        &.fa-fw::before { vertical-align: middle }
    }
}

// Fedibird bottom bar in mobile
.tabs-bar.bottom-bar {
    background: #212121;

    .tabs-bar__link {
        color: transparentize(#ffffff, 0.5);

        &.active { color: #ffffff }
    }
}

// Quote
.quote-status {
    border-radius: 0;
    border: none;
    border-top: 1px solid $border-color;
    padding: 16px 16px 16px 48px;
    margin-top: 16px;

    .detailed-status__display-avatar,
    .status__avatar {
        left: 0 !important;
        top: 16px !important;
    }
}

@if $dense {
    .quote-status {
        padding: 0;
        margin-top: 16px;

        .detailed-status__display-avatar,
        .status__avatar { top: 8px !important }
    }
}