YunoHost-Apps/pixelfed_ynh
1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/pixelfed_ynh.git synced 2024-09-03 20:06:04 +02:00
Code Issues Activity Actions

Merge pull request #1018 from pixelfed/frontend-ui-refactor

Browse source 
Frontend ui refactor
This commit is contained in:
daniel 2019-03-12 00:56:39 -06:00 • committed by GitHub
commit a5def258b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 36 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/css/app.css vendored
View file

File diff suppressed because one or more lines are too long

10
public/css/appdark.css vendored
View file

File diff suppressed because one or more lines are too long

2
public/js/profile.js vendored
View file

File diff suppressed because one or more lines are too long

2
public/js/timeline.js vendored
View file

File diff suppressed because one or more lines are too long

8
public/mix-manifest.json
View file

@ -1,12 +1,12 @@
{ {
"/js/activity.js": "/js/activity.js?id=7915246c3bc2b7e9770e", "/js/activity.js": "/js/activity.js?id=7915246c3bc2b7e9770e",
"/js/app.js": "/js/app.js?id=a51da95c2b9df7cf8de2", "/js/app.js": "/js/app.js?id=a51da95c2b9df7cf8de2",
"/css/app.css": "/css/app.css?id=a3d1a9d5833199d019d4", "/css/app.css": "/css/app.css?id=20dc108f4dbbc76c9827",
"/css/appdark.css": "/css/appdark.css?id=241076c8fb3c47e088d2", "/css/appdark.css": "/css/appdark.css?id=08d0a92912b101bb7457",
"/js/components.js": "/js/components.js?id=39d45813739697ddad5c", "/js/components.js": "/js/components.js?id=39d45813739697ddad5c",
"/js/discover.js": "/js/discover.js?id=75fb12b06ee23fa05186", "/js/discover.js": "/js/discover.js?id=75fb12b06ee23fa05186",
"/js/micro.js": "/js/micro.js?id=178479fb6990f8806257", "/js/micro.js": "/js/micro.js?id=178479fb6990f8806257",
"/js/profile.js": "/js/profile.js?id=9b4b7d662fb70fb48856", "/js/profile.js": "/js/profile.js?id=69fd7039c50660f4e34d",
"/js/status.js": "/js/status.js?id=0013d7a91c8d0080f3ca", "/js/status.js": "/js/status.js?id=0013d7a91c8d0080f3ca",
"/js/timeline.js": "/js/timeline.js?id=84ae2d0b7f36936d8f68" "/js/timeline.js": "/js/timeline.js?id=883ad41b10ffe9765d65"
} }

7
resources/assets/js/components/Profile.vue
View file

@ -17,8 +17,11 @@
<div class="username-bar pb-2 d-flex align-items-center"> <div class="username-bar pb-2 d-flex align-items-center">
<span class="font-weight-ultralight h1">{{profile.username}}</span> <span class="font-weight-ultralight h1">{{profile.username}}</span>
<span class="pl-4" v-if="profile.is_admin"> <span class="pl-4" v-if="profile.is_admin">
<span class="btn btn-outline-danger font-weight-bold py-0">ADMIN</span> <span class="btn btn-outline-secondary font-weight-bold py-0">ADMIN</span>
</span> </span>
<span class="pl-4">
<a :href="'/users/'+profile.username+'.atom'" class="fas fa-rss fa-lg text-muted"></a>
</span>
<span class="pl-4" v-if="owner"> <span class="pl-4" v-if="owner">
<a class="fas fa-cog fa-lg text-muted" href="/settings/home"></a> <a class="fas fa-cog fa-lg text-muted" href="/settings/home"></a>
</span> </span>
@ -44,7 +47,7 @@
Followers Followers
</a> </a>
</div> </div>
<div v-if="profileSettings.following.count" class="font-weight-light pr-5"> <div v-if="profileSettings.following.count" class="font-weight-light">
<a class="text-dark cursor-pointer" v-on:click="followingModal()"> <a class="text-dark cursor-pointer" v-on:click="followingModal()">
<span class="font-weight-bold">{{profile.following_count}}</span> <span class="font-weight-bold">{{profile.following_count}}</span>
Following Following

4
resources/assets/js/components/Timeline.vue
View file

@ -1,13 +1,13 @@
<template> <template>
<div class="container" style=""> <div class="container" style="">
<div class="row"> <div class="row">
<div class="col-md-8 col-lg-8 pt-2 px-0 my-3 timeline order-2 order-md-1"> <div class="col-md-8 col-lg-8 pt-sm-2 px-0 my-sm-3 timeline order-2 order-md-1">
<div v-if="loading" class="text-center"> <div v-if="loading" class="text-center">
<div class="spinner-border" role="status"> <div class="spinner-border" role="status">
<span class="sr-only">Loading...</span> <span class="sr-only">Loading...</span>
</div> </div>
</div> </div>
<div class="card mb-4 status-card card-md-rounded-0" :data-status-id="status.id" v-for="(status, index) in feed" :key="status.id"> <div class="card mb-sm-4 status-card card-md-rounded-0" :data-status-id="status.id" v-for="(status, index) in feed" :key="status.id">
<div class="card-header d-inline-flex align-items-center bg-white"> <div class="card-header d-inline-flex align-items-center bg-white">
<img v-bind:src="status.account.avatar" width="32px" height="32px" style="border-radius: 32px;"> <img v-bind:src="status.account.avatar" width="32px" height="32px" style="border-radius: 32px;">

16
resources/assets/sass/custom.scss vendored
View file

@ -38,8 +38,7 @@ body, button, input, textarea {
} }
.search-form { .search-form {
min-width: 125px; width: 100%;
width: 265px;
} }
.search-form input, .search-form input,
@ -539,3 +538,16 @@ details summary::-webkit-details-marker {
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
} }
.tooltip-notification .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #dc3545;
border-radius: .25rem;
}
.tooltip-notification .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
border-top-color: #dc3545;
}

6
resources/views/layouts/app.blade.php
View file

@ -39,7 +39,7 @@
@if(Auth::check()) @if(Auth::check())
<div class="d-block d-sm-none mt-5"></div> <div class="d-block d-sm-none mt-5"></div>
<div class="d-block d-sm-none fixed-bottom"> <div class="d-block d-sm-none fixed-bottom">
<div class="card card-body rounded-0 py-2 d-flex align-items-middle"> <div class="card card-body rounded-0 py-2 d-flex align-items-middle box-shadow" style="border-top:1px solid #F1F5F8">
<ul class="nav nav-pills nav-fill"> <ul class="nav nav-pills nav-fill">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link {{request()->is('/')?'text-primary':'text-muted'}}" href="/"><i class="fas fa-home fa-lg"></i></a> <a class="nav-link {{request()->is('/')?'text-primary':'text-muted'}}" href="/"><i class="fas fa-home fa-lg"></i></a>
@ -48,13 +48,13 @@
<a class="nav-link {{request()->is('timeline/public')?'text-primary':'text-muted'}}" href="/timeline/public"><i class="far fa-map fa-lg"></i></a> <a class="nav-link {{request()->is('timeline/public')?'text-primary':'text-muted'}}" href="/timeline/public"><i class="far fa-map fa-lg"></i></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<div class="nav-link text-black cursor-pointer" data-toggle="modal" data-target="#composeModal"><i class="fas fa-camera-retro fa-lg"></i></div> <div class="nav-link text-black cursor-pointer" data-toggle="modal" data-target="#composeModal"><i class="far fa-plus-square fa-lg"></i></div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link {{request()->is('discover')?'text-primary':'text-muted'}}" href="{{route('discover')}}"><i class="far fa-compass fa-lg"></i></a> <a class="nav-link {{request()->is('discover')?'text-primary':'text-muted'}}" href="{{route('discover')}}"><i class="far fa-compass fa-lg"></i></a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link {{request()->is(Auth::user()->username)?'text-primary':'text-muted'}}" href="{{Auth::user()->url()}}"><i class="far fa-user fa-lg"></i></a> <a class="nav-link {{request()->is('account/activity')?'text-primary':'text-muted'}} tooltip-notification" href="/account/activity"><i class="far fa-bell fa-lg"></i></a>
</li> </li>
</ul> </ul>
</div> </div>

6
resources/views/layouts/partial/nav.blade.php
View file

@ -7,7 +7,7 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
@auth @auth
<ul class="navbar-nav ml-auto d-none d-md-block"> <ul class="navbar-nav ml-auto">
<form class="form-inline search-form"> <form class="form-inline search-form">
<input class="form-control mr-sm-2 search-form-input" placeholder="{{__('navmenu.search')}}" aria-label="search" autocomplete="off"> <input class="form-control mr-sm-2 search-form-input" placeholder="{{__('navmenu.search')}}" aria-label="search" autocomplete="off">
</form> </form>
@ -36,9 +36,7 @@
</li> </li>
<li class="d-block d-md-none"> <li class="d-block d-md-none">
<a class="nav-link" href="/account/activity" data-toggle="tooltip" title="Notifications">
<i class="far fa-bell fa-lg"></i>
</a>
</li> </li>
{{-- <li class="pr-2"> {{-- <li class="pr-2">