Skip to content

Commit

Permalink
- Move customize 'css' from 'layer_upload_base.html' and make it gen…
Browse files Browse the repository at this point in the history 
…eric to GeoNode
  • Loading branch information
afabiani committed Nov 7, 2020
1 parent 2f61447 commit 68be33a
Show file tree
Hide file tree
Showing 14 changed files with 2,205 additions and 1,989 deletions.
147 changes: 0 additions & 147 deletions geonode/layers/templates/upload/layer_upload_base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,153 +3,6 @@

{% block head %}
{{ block.super }}
<style>
#left {
float: left;
margin: 5px 0 0 10px;
/* height: 40px; */
}

#right {
float: right;
margin: 5px 10px 0 0;
/* height: 40px; */
}

.inline-headers h4, .inline-headers select {
display: inline-block;
vertical-align: top;
}

.active {
background-color: #cccccc !important;
font-weight: bold !important;
}

.faqHeader {
font-size: 17px;
margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
font-family: 'FontAwesome';
content: "\f078"; /* "play" icon */
float: right;
color: #F58723;
font-size: 18px;
line-height: 22px;
/* rotate "play" icon from > (right arrow) to down arrow */
/* -webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); */
}

.panel-heading [data-toggle="collapse"].collapsed:after {
/* rotate "play" icon from > (right arrow) to ^ (up arrow) */
/* -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); */
color: #454444;
}

.help-tip{
position: absolute;
/* top: 18px;
right: 18px;
bottom: 50px; */
margin-left: 10px;
text-align: center;
background-color: #BCDBEA;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 26px;
cursor: default;
}

.help-tip:before{
content:'?';
font-weight: bold;
color:#fff;
}

.button-tip{
position: absolute;
}

.help-tip:hover p,
.button-tip:hover p{
display:block;
transform-origin: 100% 0%;

-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}

.help-tip p,
.button-tip p{ /* The tooltip */
display: none;
text-align: justify;
background-color: #1E2021;
padding: 10px;
width: 150px;
max-width: 300px;
position: absolute;
border-radius: 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -15px;
color: #FFF;
font-size: 10px;
line-height: 1.4;
z-index: 10000;
}

.help-tip p:before,
.button-tip p:before{ /* The pointer of the tooltip */
position: absolute;
content: '';
width:0;
height: 0;
border:6px solid transparent;
border-bottom-color:#1E2021;
right:10px;
top:-12px;
}

.help-tip p:after,
.button-tip p:after{ /* Prevents the tooltip from being hidden */
width:100%;
height:40px;
content:'';
position: absolute;
top:-40px;
left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
0% {
opacity:0;
transform: scale(0.6);
}

100% {
opacity:100%;
transform: scale(1);
}
}

@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:100%; }
}
</style>
{% endblock %}

{% block title %} {{ block.super }} {% endblock %}
Expand Down
155 changes: 155 additions & 0 deletions geonode/static/geonode/css/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6893,6 +6893,161 @@ form input {
border: 1px solid #eeeeee;
padding: 5px;
}
#left {
float: left;
margin: 5px 0 0 10px;
}
#right {
float: right;
margin: 5px 10px 0 0;
}
.inline-headers h4 {
display: inline-block;
vertical-align: top;
}
.inline-headers select {
display: inline-block;
vertical-align: top;
}
.faqHeader {
font-size: 17px;
margin: 20px;
}
.help-tip {
position: absolute;
margin-left: 10px;
text-align: center;
background-color: #BCDBEA;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 26px;
cursor: default;
}
.help-tip:before {
content: '?';
font-weight: bold;
color: #fff;
}
.help-tip:hover p {
display: block;
transform-origin: 100% 0%;
-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}
.help-tip p {
display: none;
text-align: justify;
background-color: #1E2021;
padding: 10px;
width: 150px;
max-width: 300px;
position: absolute;
border-radius: 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -15px;
color: #FFF;
font-size: 10px;
line-height: 1.4;
z-index: 10000;
}
.help-tip p:before {
position: absolute;
content: '';
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #1E2021;
right: 10px;
top: -12px;
}
.help-tip p:after {
width: 100%;
height: 40px;
content: '';
position: absolute;
top: -40px;
left: 0;
}
.button-tip {
position: absolute;
}
.button-tip:hover p {
display: block;
transform-origin: 100% 0%;
-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}
.button-tip p {
display: none;
text-align: justify;
background-color: #1E2021;
padding: 10px;
width: 150px;
max-width: 300px;
position: absolute;
border-radius: 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -15px;
color: #FFF;
font-size: 10px;
line-height: 1.4;
z-index: 10000;
}
.button-tip p:before {
position: absolute;
content: '';
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #1E2021;
right: 10px;
top: -12px;
}
.button-tip p:after {
width: 100%;
height: 40px;
content: '';
position: absolute;
top: -40px;
left: 0;
}
.panel-heading [data-toggle="collapse"]:after {
font-family: 'FontAwesome';
content: "\f078";
float: right;
color: #F58723;
font-size: 18px;
line-height: 22px;
}
.panel-heading [data-toggle="collapse"].collapsed:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
color: #454444;
}
/* CSS animation */
@-webkit-keyframes "fadeIn" {
0% {
opacity: 0;
transform: scale(0.6);
}
100% {
opacity: 100%;
transform: scale(1);
}
}
@keyframes "fadeIn" {
0% {
opacity: 0;
}
100% {
opacity: 100%;
}
}
/* Layout
----------------------- */
#wrap {
Expand Down
2 changes: 1 addition & 1 deletion geonode/static/geonode/js/crop_widget/crop_widget_es5.js.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 68be33a

Please sign in to comment.