dslak
/
coze_demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add dropdown

develop
Carmine De Rosa 7 years ago
parent
973194bcbe
commit
76f9af1349
7 changed files with 131 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 90
      css/styles.css
  2. 10
      header.php
  3. 21
      modules.php
  4. BIN
      scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc
  5. BIN
      scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc
  6. 41
      scss/sections/modules.scss
  7. 4
      scss/variables.scss

90
css/styles.css
View File

@ -19,97 +19,97 @@
/* 48px */
/* 53px */
/* ?px */
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-8 {
font-size: 0.5rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-10 {
font-size: 0.625rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-12 {
font-size: 0.75rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-13 {
font-size: 0.8125rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-14 {
font-size: 0.875rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-15 {
font-size: 0.9375rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-16 {
font-size: 1rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-18 {
font-size: 1.125rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-20 {
font-size: 1.25rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-22 {
font-size: 1.375rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-24 {
font-size: 1.5rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-26 {
font-size: 1.625rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-28 {
font-size: 1.75rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-30 {
font-size: 1.875rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-34 {
font-size: 2.125rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-40 {
font-size: 2.5rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-45 {
font-size: 2.8125rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-48 {
font-size: 3rem !important;
}
/* line 45, variables.scss */
/* line 47, variables.scss */
.font-53 {
font-size: 3.3125rem !important;
}
@ -14451,7 +14451,7 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
/* line 45, fonts.scss */
.text-grey {
color: #aaa;
color: #ddd;
}
/* line 48, fonts.scss */
@ -14491,7 +14491,7 @@ a:active, a:visited, a:hover, a:focus {
}
/* line 24, global.scss */
a:hover {
color: #aaa;
color: #ddd;
}
/* line 30, global.scss */
@ -14589,8 +14589,8 @@ input::-moz-focus-inner, button::-moz-focus-inner {
/* line 14, forms.scss */
input[type=text],
input[type=password] {
border: 1px solid #aaa;
color: #aaa;
border: 1px solid #ddd;
color: #ddd;
padding: 5px 20px;
width: 100%;
text-align: left;
@ -14615,7 +14615,7 @@ input[type=button]:hover,
input[type=submit]:hover,
button:hover {
color: white;
background-color: #aaa;
background-color: #ddd;
}
/* line 46, forms.scss */
@ -14712,7 +14712,7 @@ header .container .row .menu ul li.active a:hover, header .container .row .menu
height: 40px;
line-height: 40px;
margin: 20px 0 10px 0;
background: #aaa;
background: #ddd;
border-radius: 5px;
color: white;
text-align: center;
@ -14733,15 +14733,49 @@ header .container .row .menu ul li.active a:hover, header .container .row .menu
/* line 34, sections/modules.scss */
.modules .content {
background: #f2f2f2;
text-align: center;
padding: 50px;
}
/* line 39, sections/modules.scss */
/* line 40, sections/modules.scss */
.modules .content .dropdown {
height: 40px;
line-height: 36px;
padding: 0 10px;
background: white;
border: 2px solid #ddd;
border-radius: 5px;
position: relative;
}
/* line 49, sections/modules.scss */
.modules .content .dropdown .label {
font-size: 0.75rem;
font-weight: bold;
color: black;
}
/* line 55, sections/modules.scss */
.modules .content .dropdown .data {
position: absolute;
font-size: 0.625rem;
font-weight: bold;
color: black;
right: 10px;
top: 0;
}
/* line 64, sections/modules.scss */
.modules .content .dropdown:after {
content: '\f107';
font-family: "FontAwesome";
position: absolute;
font-weight: bold;
color: #ddd;
top: 0;
right: -25px;
}
/* line 78, sections/modules.scss */
.modules .content .div-drop {
width: 100px;
padding: 10px;
margin: 20px 0 10px 0;
background: #aaa;
background: #ddd;
color: white;
text-align: center;
font-size: 0.75rem;

10
header.php
View File

@ -6,11 +6,11 @@
<div class="col-2"><img class="logo middle" src="<?= $BASE_PATH;?>/images/logo.png"></div>
<div class="col-10 menu">
<ul class="middle">
<li><a href="#">Menu</a></li>
<li><a href="#">Risultati</a></li>
<li><a href="#">Piani attivi</a></li>
<li><a href="#">Report</a></li>
<li><a href="#">Moduli disponibili</a></li>
<li class="<?php if($getQ[0]=="menu"){echo "active";}?>"><a href="/menu">Menu</a></li>
<li class="<?php if($getQ[0]=="results"){echo "active";}?>"><a href="/results">Risultati</a></li>
<li class="<?php if($getQ[0]=="plans"){echo "active";}?>"><a href="/plans">Piani attivi</a></li>
<li class="<?php if($getQ[0]=="report"){echo "active";}?>"><a href="/report">Report</a></li>
<li class="<?php if($getQ[0]=="modules"){echo "active";}?>"><a href="/modules">Moduli disponibili</a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
<li><a href="#"><i class="fa fa-bell"></i></a></li>
<li><a href="#"><i class="fa fa-user"></i></a></li>

21
modules.php
View File

@ -23,6 +23,27 @@
<div class="col-9 content">
<p class="font-14 font-bold text-upper text-red">Company overview</p>
<div class="row my-5">
<div class="col-4 mx-auto">
<div class="dropdown">
<div class="label">Italia</div>
<div class="data"><i class="fa fa-flag"></i> 20 <i class="fa fa-user"></i> 100</div>
</div>
</div>
</div>
<div class="div-drop" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
</div>
</div>

BIN
scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc
View File

Binary file not shown.

BIN
scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc
View File

Binary file not shown.

41
scss/sections/modules.scss
View File

@ -33,9 +33,48 @@
.content{
background: $light-grey;
text-align: center;
padding: 50px;
.dropdown{
height: 40px;
line-height: 36px;
padding: 0 10px;
background: white;
border: 2px solid $grey;
border-radius: 5px;
position: relative;
.label{
font-size: $font-12;
font-weight: bold;
color: black
}
.data{
position: absolute;
font-size: $font-10;
font-weight: bold;
color: black;
right: 10px;
top: 0;
}
&:after{
content:'\f107';
font-family: $icon;
position: absolute;
font-weight: bold;
color: $grey;
top: 0;
right: -25px;
}
}
.div-drop{
width: 100px;
padding: 10px;

4
scss/variables.scss
View File

@ -41,6 +41,8 @@ $font-48: 3rem; /* 48px */
$font-53: 3.312rem; /* 53px */
$font-alert: 8rem; /* ?px */
$icon: 'FontAwesome';
@each $size in 8, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 34, 40, 45, 48, 53 {
.font-#{$size} {font-size: #{$size/16}rem !important;}
}
@ -50,6 +52,6 @@ $alpha: rgba(255,255,255,0.6);
$green: #4e984a;
$light-green: #71986e;
$red: #bf0f3d;
$grey: #aaa;
$grey: #ddd;
$light-grey: #f2f2f2;
$dark-grey: #2f2f2f;

Write Preview
Loading…
Cancel
Save