Skip to content
Snippets Groups Projects
Commit b98642c9 authored by Yoshi5123's avatar Yoshi5123
Browse files

Bug fix : Cancel feature and datepicker on setweeks page. Style of buttons and datepicker modified

parent 0597e3ef
Branches
Tags
No related merge requests found
Hide whitespace changes
Inline Side-by-side
notemyprogress/styles.css
+ 445
− 421
View file @ b98642c9
.color-white{ color: white !important; }
.color-white {
color: white !important;
}
@font-face {
font-family: poppins;
src: url(./fonts/Poppins-Regular.otf);
font-family: poppins;
src: url(./fonts/Poppins-Regular.otf);
}
.v-application {
font-family: poppins, sans-serif !important;
font-family: poppins, sans-serif !important;
}
#nmplogs{
display: none;
#nmplogs {
display: none;
}
/*Estilos Para Menú Desplegable Navbar*/
.popover-region-notemyprogress .popover-region-container {
width: 250px;
height: auto;
max-height: 500px;
overflow-y: auto;
width: 250px;
height: auto;
max-height: 500px;
overflow-y: auto;
}
.popover-region-notemyprogress:not(.collapsed) .count-container {
display: none;
display: none;
}
.popover-region-notemyprogress .popover-region-header-container {
box-sizing: border-box;
padding: 0.5em 0.5em 0.5em 1em;
line-height: 1;
height: 2em;
box-sizing: border-box;
padding: 0.5em 0.5em 0.5em 1em;
line-height: 1;
height: 2em;
}
.popover-region-notemyprogress .popover-region-header-text {
font-size: inherit;
line-height: 1em;
font-weight: bold;
font-size: inherit;
line-height: 1em;
font-weight: bold;
}
.btn-save {
margin: 10px;
.datepicker_week {
border-width: 1px;
border-style: solid;
border-color: black;
}
a.notemyprogress-navbar-menu-compose-link {
margin-right: 0.5em;
margin-right: 0.5em;
}
a.notemyprogress-navbar-menu-item {
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
}
a.notemyprogress-navbar-menu-item > .icon {
margin-right: 0.2em;
color: inherit;
margin-right: 0.2em;
color: inherit;
}
a.notemyprogress-navbar-menu-item:first-of-type > .icon {
margin-left: 0;
margin-left: 0;
}
a.notemyprogress-navbar-menu-item:focus,
a.notemyprogress-navbar-menu-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
}
a.notemyprogress-navbar-menu-item:last-child {
border-bottom: 0;
border-bottom: 0;
}
a.notemyprogress-navbar-menu-item .badge {
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: .25em .4em;
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: 0.25em 0.4em;
}
.notemyprogress-navbar-menu-item-active {
font-weight: bold;
font-weight: bold;
}
a.notemyprogress-navbar-menu-item {
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
display: block;
box-sizing: border-box;
width: 100%;
line-height: 1.5;
padding: 0.5em 1em;
border-bottom: 1px solid #e2e2e2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #2b2d2f;
}
a.notemyprogress-navbar-menu-item > .icon {
margin-right: 0.2em;
color: inherit;
margin-right: 0.2em;
color: inherit;
}
a.notemyprogress-navbar-menu-item:first-of-type > .icon {
margin-left: 0;
margin-left: 0;
}
a.notemyprogress-navbar-menu-item:focus,
a.notemyprogress-navbar-menu-item:hover {
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
color: #2b2d2f;
text-decoration: none;
background-color: #f5f5f5;
}
a.notemyprogress-navbar-menu-item:last-child {
border-bottom: 0;
border-bottom: 0;
}
a.notemyprogress-navbar-menu-item .badge {
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: .25em .4em;
float: right;
font-size: 0.75em;
margin-left: 0.25em;
margin-top: 0.25em;
line-height: 1;
padding: 0.25em 0.4em;
}
.notemyprogress-navbar-menu-item-active {
font-weight: bold;
font-weight: bold;
}
/*Loader*/
.progressbar-notemyprogress {
position: relative;
height: 4px;
display: block;
width: 100%;
background-color: #afe7ee;
background-clip: padding-box;
margin: 0.5rem 0 1rem 0;
overflow: hidden;
position: relative;
height: 4px;
display: block;
width: 100%;
background-color: #afe7ee;
background-clip: padding-box;
margin: 0.5rem 0 1rem 0;
overflow: hidden;
}
.progressbar-notemyprogress .indeterminate {
background-color: #118AB2;
background-color: #118ab2;
}
.progressbar-notemyprogress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progressbar-notemyprogress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
.progressbar-notemyprogress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progressbar-notemyprogress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; }
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; }
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; }
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; }
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
#notemyprogress-display-weeks{
border: 1px solid #c6c6c6;
overflow: hidden;
border-radius: 4px;
background: white;
#notemyprogress-display-weeks {
border: 1px solid #c6c6c6;
overflow: hidden;
border-radius: 4px;
background: white;
}
#notemyprogress-display-weeks .page{
background: white;
color: #444444;
cursor: pointer;
font-size: 1rem;
border-left: 1px solid #c6c6c6;
transition: all .5 ease !important;
#notemyprogress-display-weeks .page {
background: white;
color: #444444;
cursor: pointer;
font-size: 1rem;
border-left: 1px solid #c6c6c6;
transition: all 0.5 ease !important;
}
#notemyprogress-display-weeks .selected-page{
background: #118AB2 !important;
color: white;
#notemyprogress-display-weeks .selected-page {
background: #118ab2 !important;
color: white;
}
#notemyprogress-display-weeks .page:hover{
background: #eeeeee;
#notemyprogress-display-weeks .page:hover {
background: #eeeeee;
}
#notemyprogress-display-weeks .selected-page:hover{
opacity: .85;
#notemyprogress-display-weeks .selected-page:hover {
opacity: 0.85;
}
.flex-grow-0{
flex-grow: 0 !important;
.flex-grow-0 {
flex-grow: 0 !important;
}
.ajs-header{
font-weight: bold;
border-bottom: 1px solid #eeeeee;
.ajs-header {
font-weight: bold;
border-bottom: 1px solid #eeeeee;
}
.alertify-notifier .ajs-message.ajs-error,
.alertify-notifier .ajs-message.ajs-success,
.alertify-notifier .ajs-message.ajs-warning{
font-family: poppins,Roboto,sans-serif !important;
color: #ffffff;
font-size: 1rem;
display: flex;
justify-content: center;
align-content: center;
padding: .7rem;
.alertify-notifier .ajs-message.ajs-warning {
font-family: poppins, Roboto, sans-serif !important;
color: #ffffff;
font-size: 1rem;
display: flex;
justify-content: center;
align-content: center;
padding: 0.7rem;
}
.nmp-btn-primary:hover, .nmp-btn-secondary:hover, .ajs-button:hover{
opacity: .75;
.nmp-btn-primary:hover,
.nmp-btn-secondary:hover,
.ajs-button:hover {
opacity: 0.75;
}
.nmp-btn-primary, .ajs-button{
font-size: .8rem !important;
height: 35px !important;
align-items: center !important;
background-color: #0086c4 !important;
background: #0086c4 !important;
color: white !important;
text-shadow: none !important;
border-radius: 2px !important;
text-decoration: none !important;
padding: .5rem 1rem !important;
text-transform: uppercase !important;
box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
letter-spacing: .0892857143em !important;
transition: all .3s ease !important;
.nmp-btn-primary,
.ajs-button {
font-size: 0.8rem !important;
height: 35px !important;
align-items: center !important;
background-color: #0086c4 !important;
background: #0086c4 !important;
color: white !important;
text-shadow: none !important;
border-radius: 2px !important;
text-decoration: none !important;
padding: 0.5rem 1rem !important;
text-transform: uppercase !important;
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
letter-spacing: 0.0892857143em !important;
transition: all 0.3s ease !important;
}
.ajs-primary .ajs-buttons{
justify-content: flex-end !important;
.ajs-primary .ajs-buttons {
justify-content: flex-end !important;
}
.alertify-notifier .ajs-message.ajs-error{
background: #c14040f2;
border: 1px solid #6b0909;
.alertify-notifier .ajs-message.ajs-error {
background: #c14040f2;
border: 1px solid #6b0909;
}
.alertify-notifier .ajs-message.ajs-success{
background: #5bbd72f2;
border: 1px solid #00731bf2;
.alertify-notifier .ajs-message.ajs-success {
background: #5bbd72f2;
border: 1px solid #00731bf2;
}
.alertify-notifier .ajs-message.ajs-warning{
background: #ffa533;
border: 1px solid #ab5f00;
.alertify-notifier .ajs-message.ajs-warning {
background: #ffa533;
border: 1px solid #ab5f00;
}
/*Setweeks*/
.notemyprogress *,.notemyprogress *:focus{
outline: none !important;
.notemyprogress *,
.notemyprogress *:focus {
outline: none !important;
}
.notemyprogress-page-title{
font-size: .875rem !important;
color: white !important;
background-color: #118AB2 !important;
text-transform: uppercase !important;
border-bottom: 1px solid #d9d5d4 !important;
padding: 0 !important;
height: auto;
.notemyprogress-page-title {
font-size: 0.875rem !important;
color: white !important;
background-color: #118ab2 !important;
text-transform: uppercase !important;
border-bottom: 1px solid #d9d5d4 !important;
padding: 0 !important;
height: auto;
}
.notemyprogress-sub-title{
color: #646466 !important;
font-weight: bold;
text-transform: uppercase !important;
font-size: .95rem !important;
.notemyprogress-sub-title {
color: #646466 !important;
font-weight: bold;
text-transform: uppercase !important;
font-size: 0.95rem !important;
}
.notemyprogress-help-button{
height: 100%;
transition: all .3s ease;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
.notemyprogress-help-button {
height: 100%;
transition: all 0.3s ease;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.notemyprogress-help-button:hover{
background: #27A6E2 !important;
cursor: pointer !important;
.notemyprogress-help-button:hover {
background: #27a6e2 !important;
cursor: pointer !important;
}
.ul-setting{
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 1rem !important;
.ul-setting {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
margin-top: 1rem !important;
}
.li-setting{
display: flex;
align-items: center;
background: white;
padding: .5rem !important;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: .5rem;
max-width: 300px;
.li-setting {
display: flex;
align-items: center;
background: white;
padding: 0.5rem !important;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: 0.5rem;
max-width: 300px;
}
.setting-icon{
min-width: 15px !important;
min-height: 15px !important;
background: #e4e4e4;
border-radius: 50%;
margin: 0 1rem 0 .5rem;
border: 1px solid #8e8e8e;
.setting-icon {
min-width: 15px !important;
min-height: 15px !important;
background: #e4e4e4;
border-radius: 50%;
margin: 0 1rem 0 0.5rem;
border: 1px solid #8e8e8e;
}
.setting-valid{
background: #b6f95d !important;
border: 1px solid #7eaf3d !important;
.setting-valid {
background: #b6f95d !important;
border: 1px solid #7eaf3d !important;
}
.v-divider{
margin: 2rem 5% !important;
.v-divider {
margin: 2rem 5% !important;
}
.theme--light.v-divider{
border-color: #d9d5d4 !important;
.theme--light.v-divider {
border-color: #d9d5d4 !important;
}
#setweeks{
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
#setweeks {
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.no-select-content{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
.no-select-content {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#setweeks i {
color: #0086c4;
color: #0086c4;
}
#setweeks .visibility{
color: #888888 !important;
#setweeks .visibility {
color: #888888 !important;
}
#setweeks .hidden-button{
opacity: 0 !important;
cursor: default !important;
#setweeks .hidden-button {
opacity: 0 !important;
cursor: default !important;
}
#setweeks .scroll_box{
max-height: 400px;
overflow-y: scroll;
overflow-x: hidden;
#setweeks .scroll_box {
max-height: 400px;
overflow-y: scroll;
overflow-x: hidden;
}
#setweeks .weeks-container{
background: white !important;
border: 1px solid #e3e3e3;
#setweeks .weeks-container {
background: white !important;
border: 1px solid #e3e3e3;
}
#setweeks .week-container:not(:first-child){
border-top: 1px dashed #e3e3e3;
#setweeks .week-container:not(:first-child) {
border-top: 1px dashed #e3e3e3;
}
#setweeks .single-button,
#notes .single-button{
background: #f3f3f3;
border-radius: 50%;
font-size: .3rem !important;
padding: .3rem;
transition: all .5s ease;
border: 1px solid transparent;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#notes .single-button{
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
min-width: 40px;
min-height: 40px;
#notes .single-button {
background: #f3f3f3;
border-radius: 50%;
font-size: 0.3rem !important;
padding: 0.3rem;
transition: all 0.5s ease;
border: 1px solid transparent;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#notes .single-button {
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
min-width: 40px;
min-height: 40px;
}
#setweeks .single-button:hover,
#notes .single-button:hover{
cursor: pointer;
background: #ffffff;
border: 1px solid #0086c4;
#notes .single-button:hover {
cursor: pointer;
background: #ffffff;
border: 1px solid #0086c4;
}
#setweeks .hours-expected-selector input{
height: 100%;
padding: 0;
#setweeks .hours-expected-selector input {
height: 100%;
padding: 0;
}
#setweeks .set-weeks-list{
list-style: none;
margin: 0;
padding: 0;
color: #444444;
background-color: #fff;
border: 1px solid #e3e3e3;
width: 100%;
min-height: 100px;
height: auto;
#setweeks .set-weeks-list {
list-style: none;
margin: 0;
padding: 0;
color: #444444;
background-color: #fff;
border: 1px solid #e3e3e3;
width: 100%;
min-height: 100px;
height: auto;
}
#setweeks .set-weeks-list li{
padding: .6rem 1rem;
#setweeks .set-weeks-list li {
padding: 0.6rem 1rem;
}
#setweeks .set-weeks-list li:not(:first-child){
border-top: 1px solid #ececec;
#setweeks .set-weeks-list li:not(:first-child) {
border-top: 1px solid #ececec;
}
#setweeks .set-weeks-list-item{
cursor: move;
text-transform: capitalize;
background: white !important;
transition: all .5s ease;
#setweeks .set-weeks-list-item {
cursor: move;
text-transform: capitalize;
background: white !important;
transition: all 0.5s ease;
}
#setweeks .set-weeks-list-item:hover{
background: #f3f3f3 !important;
#setweeks .set-weeks-list-item:hover {
background: #f3f3f3 !important;
}
/* Header */
#nmp-group-selector{
flex-grow: 0;
#nmp-group-selector {
flex-grow: 0;
}
#nmp-group-selector * {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#nmp-group-selector , #nmp-group-selector i, #nmp-group-selector .v-select__selections{
color: white !important;
border-color: white !important;
#nmp-group-selector,
#nmp-group-selector i,
#nmp-group-selector .v-select__selections {
color: white !important;
border-color: white !important;
}
#nmp-group-selector .v-select__selections{
font-size: .8rem;
font-weight: 400;
min-width: 100%;
justify-content: center;
#nmp-group-selector .v-select__selections {
font-size: 0.8rem;
font-weight: 400;
min-width: 100%;
justify-content: center;
}
#nmp-group-selector .theme--light.v-text-field>.v-input__control>.v-input__slot:before{
border-color: transparent !important;
#nmp-group-selector
.theme--light.v-text-field
> .v-input__control
> .v-input__slot:before {
border-color: transparent !important;
}
#nmp-group-selector input, #nmp-group-selector .v-messages{
display: none !important;
#nmp-group-selector input,
#nmp-group-selector .v-messages {
display: none !important;
}
.headline{
color: black !important;
.headline {
color: black !important;
}
.help-dialog-title{
background: #118AB2 !important;
color: white !important;
.help-dialog-title {
background: #118ab2 !important;
color: white !important;
}
.help-dialog-content{
background: white !important;
color: #444444 !important;
.help-dialog-content {
background: white !important;
color: #444444 !important;
}
.help-dialog-footer{
background: #f5f5f5 !important;
.help-dialog-footer {
background: #f5f5f5 !important;
}
.help-dialog-footer .nmp-btn-secondary{
background: white !important;
.help-dialog-footer .nmp-btn-secondary {
background: white !important;
}
.help-modal-title{
text-transform: uppercase !important;
.help-modal-title {
text-transform: uppercase !important;
}
.text-justify{
text-align: justify !important;
.text-justify {
text-align: justify !important;
}
/* Work Session */
.round-avatar{
border-radius: 50%;
border: 1px solid #e0e0e0;
margin: 2px;
.round-avatar {
border-radius: 50%;
border: 1px solid #e0e0e0;
margin: 2px;
}
#access_content {
height: 600px;
height: 600px;
}
#inverted_time, #hour_sessions, #sessions_count {
height: 500px;
#inverted_time,
#hour_sessions,
#sessions_count {
height: 500px;
}
/* Custom Tooltip */
.tooltips {
position: relative;
display: inline-block;
position: relative;
display: inline-block;
}
.tooltips .tooltiptext {
visibility: hidden;
width: 220px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -115px;
opacity: 0;
transition: opacity 0.3s;
visibility: hidden;
width: 220px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -115px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltips .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltips:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
\ No newline at end of file
visibility: visible;
opacity: 1;
}
notemyprogress/templates/setweeks.mustache
+ 17
− 23
View file @ b98642c9
......@@ -80,17 +80,12 @@
</span>
</v-layout>
<v-layout justify-space-between>
<v-flex>
<template v-if="!week.collapsabled">
<v-layout mb-3 mt-3>
<v-flex row justify-space-around align-center>
<v-row mb-3 mt-3>
<v-col>
<strong v-text=" strings.start"></strong>
<datepicker
class="blue lighten-4"
<datepicker class="datepicker_week"
@input = "form_changed()"
v-if="!week.removable"
v-model="weeks_started_at"
:use-utc="false"
......@@ -99,23 +94,20 @@
:monday-first="true">
</datepicker>
<span v-else v-text="week.weekstart"></span>
<strong v-text="nothing"></strong>
</v-flex>
<v-flex row justify-space-around align-center>
</v-col>
<v-col>
<strong v-text="strings.end"></strong>
<span v-text="week.weekend"></span>
</v-flex>
</v-layout>
</v-col>
</v-row>
<v-layout justify-space-between align-center class="hours-expected-selector">
<v-row mb-3 mt-3>
<v-col>
<span v-text="strings.time_dedication" class="pr-5"></span>
<v-text-field @input = "form_changed()" type="number" min="0" max="99" outlined v-model="raw_weeks[index].hours_dedications"></v-text-field>
</v-layout>
</v-row>
</v-col>
</template>
</v-flex>
</v-layout>
<draggable
@change = "form_changed()"
......@@ -166,9 +158,11 @@
<v-alert v-for="(message, index, key) in error_messages" :key="key" dense outlined type="error" v-text="message" class="mb-2"></v-alert>
</v-row>
<v-row class="justify-center btn-save" >
<v-btn :disabled="form_identical" @click="cache_cancel()" v-text="strings.confirm_cancel" class="white--text" color="#118AB2"></v-btn>
<v-btn :disabled="form_identical" @click="save_changes()" v-text="strings.save" class="white--text" color="#118AB2"></v-btn>
<v-row class="justify-center btn-save" pa-10 >
<div>
<v-btn :disabled="form_identical" @click="cache_cancel()" v-text="strings.confirm_cancel" class="white--text" color="#118AB2"></v-btn>
<v-btn :disabled="form_identical" @click="save_changes()" v-text="strings.save" class="white--text" color="#118AB2"></v-btn>
</div>
<v-progress-linear v-if="saving_loader" indeterminate color="cyan" ></v-progress-linear>
</v-row>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment