Skip to content
This repository has been archived by the owner on Jul 30, 2021. It is now read-only.

Commit

Permalink
style: homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@RitaOak
RitaOak committed Jan 23, 2020
1 parent 6d1cfd2 commit 14e0d74
Show file tree
Hide file tree
Showing 8 changed files with 66 additions and 30 deletions.
Binary file added images/home-back.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/home-back2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/home-back3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 48 additions & 0 deletions src/components/library-table.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -187,6 +187,54 @@ class libraryTable extends LitElement {
</td>
</tr>
</tbody>
<tbody class="library-section">
<tr class="library-designation-label is-size-6">
<th>
<div class="field">
<p class="control">
<div class="b-checkbox">
<label for="checkbox">
<input type="checkbox">
</label>
</div>
</p>
</div>
</th>
<td>
<p class="has-text-weight-bold">
Advertisement
</p>
<!-- Main container -->
<section class="level library-designation-wrap is-inline-flex">
<!-- Left side -->
<div class="level-left">
<div class="level-item">
<p class="library-designation-hover">
Group - Marketing
</p<
</div>
<div class="level-item library-designation-tag">
</div>
</div>
</section>
</td>
<td>
<p class="has-text-weight-medium">
Michael Brown
</p>
</td>
<td>
<p class="has-text-weight-medium">
27/03/2020
</p>
</td>
<td>
<p class="has-text-weight-medium">
Folder
</p>
</td>
</tr>
</tbody>
<tbody class="library-section">
<tr class="library-designation-label is-size-6">
<th>
Expand Down
32 changes: 9 additions & 23 deletions style/homepage-navv2.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.navbar-brand {
padding-left: 2em;
padding-left: 5em;
}

.navbar-item img {
Expand All @@ -11,33 +11,19 @@
}

.signIn-button {
text-transform: uppercase;
font-size: 0.9em;
border-radius: 25px;
width: 100px;
height: 28px;
color: #0260ff;
background-color: #e5efff;
color: #00253D;
background-color: white;
border: none;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
&:hover {
color: white;
background-color: #2128bd;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
color: #2E98D5;
background-color: transparent;
border: none;
}
}

.navEnd {
padding-right: 2em;
padding-right: 5em;
}
4 changes: 2 additions & 2 deletions style/homepage-search.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
border-style: solid;
border-color: white;
background-color: white;
border-width: 1px;
border-width: 0.2px;
&:hover, :active {
border-style: solid;
border-color: white;
Expand All @@ -19,7 +19,7 @@
.input:focus {
border-style: solid;
border-color: white;
border-width: 1px;
border-width: 0.75px;
background-color: white;
}

Expand Down
9 changes: 5 additions & 4 deletions style/homepage-v2.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ $secondaryFontColor: #424242;
@import url("https://fonts.googleapis.com/css?family=Roboto:700&display=swap");

.is-gapless {
background: url("/images/background.jpg") no-repeat center fixed;
background: url("/images/home-back3.jpg") no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
Expand All @@ -16,7 +16,7 @@ $secondaryFontColor: #424242;

.home-rightv2 {
transform: translate(0, 60%);
margin-left: 2em;
margin-left: 5em;
}

.home-leftCol {
Expand All @@ -32,9 +32,10 @@ $secondaryFontColor: #424242;
}

.home-titlev2 {
font-weight: 700;
font-weight: 600;
margin-top: 1em;
text-transform: uppercase;
font-size: 2.3em;
font-size: 2em;
margin-bottom: 0.2em;
color: white;
}
Expand Down
3 changes: 2 additions & 1 deletion style/landing-page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ $secondaryFontColor: #424242;
font-size: 3em;
margin-bottom: 0.2em;
color: white;
margin-top: 3em;
}

.home-right h6 {
Expand All @@ -36,7 +37,7 @@ $secondaryFontColor: #424242;
min-height: 700px;
margin-top: 0;
margin-bottom: 0;
background: url("/images/background_02.jpg") no-repeat center fixed;
background: url("/images/home-back3.jpg") no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
Expand Down

1 comment on commit 14e0d74

@datreeio
Copy link

@datreeio datreeio bot commented on 14e0d74 Jan 23, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All Rules (6 / 6) Passed

👑 Good job! this pull request is aligned with your organization's best practices!

👉 You can review your rules settings at smart policy management 👈

👉 click here to view a full list of the events 👈

Please sign in to comment.