diff --git a/app/javascript/images/icon_dev.png b/app/javascript/images/icon_dev.png new file mode 100644 index 00000000000000..785104423f637d Binary files /dev/null and b/app/javascript/images/icon_dev.png differ diff --git a/app/javascript/images/icon_mobile_app.png b/app/javascript/images/icon_mobile_app.png new file mode 100644 index 00000000000000..77bb1888b31007 Binary files /dev/null and b/app/javascript/images/icon_mobile_app.png differ diff --git a/app/javascript/images/icon_profile.png b/app/javascript/images/icon_profile.png new file mode 100644 index 00000000000000..bc55c2713ebd0d Binary files /dev/null and b/app/javascript/images/icon_profile.png differ diff --git a/app/javascript/images/icon_relationship.png b/app/javascript/images/icon_relationship.png new file mode 100644 index 00000000000000..05b08d36f605c1 Binary files /dev/null and b/app/javascript/images/icon_relationship.png differ diff --git a/app/javascript/images/icon_setting_alt.png b/app/javascript/images/icon_setting_alt.png new file mode 100644 index 00000000000000..23b56d380d5dea Binary files /dev/null and b/app/javascript/images/icon_setting_alt.png differ diff --git a/app/javascript/styles/application.scss b/app/javascript/styles/application.scss index 8ebc45b62d1ae8..e532354c4a80f7 100644 --- a/app/javascript/styles/application.scss +++ b/app/javascript/styles/application.scss @@ -26,3 +26,7 @@ @import 'mastodon/dashboard'; @import 'mastodon/rtl'; @import 'mastodon/accessibility'; + +.column { + flex-grow: 1; + } diff --git a/app/javascript/styles/win95.scss b/app/javascript/styles/win95.scss index 0214e5042a33da..5932d139379271 100644 --- a/app/javascript/styles/win95.scss +++ b/app/javascript/styles/win95.scss @@ -1401,6 +1401,12 @@ body.admin { background-position: 36px 50%; &:hover { background-image: url("../images/icon_local.png"); } } +.column-link[href="/web/directory"] { + background-image: url("../images/icon_profile"); + background-repeat:no-repeat; + background-position: 36px 50%; + &:hover { background-image: url("../images/icon_profile"); } +} .column-link[href="/web/timelines/direct"] { background-image: url("../images/icon_direct.png"); background-repeat:no-repeat; @@ -1455,6 +1461,12 @@ body.admin { background-position: 36px 50%; &:hover { background-image: url("../images/icon_settings.png"); } } +.column-link[href="/relationships"] { + background-image: url("../images/icon_relationship.png"); + background-repeat:no-repeat; + background-position: 36px 50%; + &:hover { background-image: url("../images/icon_relationship.png"); } +} .getting-started__footer ul li a[href="/web/keyboard-shortcuts"] { background-image: url("../images/icon_keyboard_shortcuts.png"); @@ -1464,10 +1476,18 @@ body.admin { background-image: url("../images/icon_invite.png"); &:hover { background-image: url("../images/icon_invite.png"); } } +.getting-started__footer ul li a[href="/auth/edit"] { + background-image: url("../images/icon_setting_alt"); + &:hover { background-image: url("../images/icon_setting_alt"); } +} .getting-started__footer ul li a[href="/terms"] { background-image: url("../images/icon_tos.png"); &:hover { background-image: url("../images/icon_tos.png"); } } +.getting-started__footer ul li a[href="/settings/applications"] { + background-image: url("../images/icon_dev.png"); + &:hover { background-image: url("../images/icon_dev.png"); } +} .getting-started__footer ul li a[href="https://docs.joinmastodon.org"] { background-image: url("../images/icon_docs.png"); &:hover { background-image: url("../images/icon_docs.png"); } @@ -1476,10 +1496,17 @@ body.admin { background-image: url("../images/icon_about.png"); &:hover { background-image: url("../images/icon_about.png"); } } +.getting-started__footer ul li a[href="https://joinmastodon.org/apps"] { + background-image: url("../images/icon_mobile_app.png"); + &:hover { background-image: url("../images/icon_mobile_app.png"); } +} .getting-started__footer ul li a[href="/auth/sign_out"] { background-image: url("../images/icon_logout.png"); &:hover { background-image: url("../images/icon_logout.png"); } } +.getting-started__footer > p { + margin-right: 30px; +} .column .static-content.getting-started { display:none;