scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-12-27 02:04:33 +08:00
Code Issues Projects Releases Packages Wiki Activity

Empty screen revamp [SCI-8385]

Browse source
This commit is contained in:
Giga Chubinidze 2023-05-29 01:42:26 +04:00
parent 1a689c9329
commit 59bdd7d8d2
4 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/empty-screen-illustration.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 KiB

7
app/assets/stylesheets/themes/scinote.scss
View file

@ -39,7 +39,12 @@ table {
}
#no-teams-jumbotron {
padding-left: 50px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
top: 100px;
justify-content: center;
}
#alert-container {

4
app/javascript/vue/navigation/top_menu.vue
View file

@ -6,7 +6,7 @@
<img class="logo large" :src="logo.large_url">
</a>
</div>
<div v-if="teams" class="sci--navigation--top-menu-teams">
<div v-if="current_team" class="sci--navigation--top-menu-teams">
<DropdownSelector
:selectedValue="currentTeam"
:options="teams"
@ -16,7 +16,7 @@
@dropdown:changed="switchTeam"
/>
</div>
<div v-if="user" class="sci--navigation--top-menu-search left-icon sci-input-container">
<div v-if="user" class="sci--navigation--top-menu-search left-icon sci-input-container" :class="{'disabled' : !current_team}">
<input type="text" class="sci-input-field" :placeholder="i18n.t('nav.search')" @change="searchValue"/>
<i class="fas fa-search"></i>
</div>

1
app/views/layouts/application.html.erb
View file

@ -87,6 +87,7 @@
<% if user_signed_in? && current_user.teams.blank? && !(activities_are_selected? || settings_are_selected?) %>
<!-- If member of no teams -->
<div id="no-teams-jumbotron" class="jumbotron">
<%= image_tag "empty-screen-illustration.png", size: "500x500" %>
<h2><%=t 'general.no_teams.title' %></h2>
<p data-hook="general-no-teams-text"><%=t 'general.no_teams.text' %></p>
</div>