Ver Fonte

fix to css

alexlcdee há 8 anos atrás
pai
commit
3f83e70765

+ 1 - 0
app/assets/styles/all.scss

@@ -62,6 +62,7 @@
 @import "content/centerbar/specials";
 @import "content/centerbar/comments";
 @import "content/centerbar/organization";
+@import "content/centerbar/doctors";
 @import "content/centerbar/specialization-selection";
 @import "content/centerbar/specialization-filter";
 @import "blocks/opinion";

+ 175 - 0
app/assets/styles/content/centerbar/doctors.scss

@@ -0,0 +1,175 @@
+.grid-dis-col-1 .organization-info__administration-content {
+    padding-left: 0;
+}
+
+.grid-dis-col-1 .personals__item {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__details {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__name--wide {
+    height: 63px;
+}
+
+.grid-dis-col-1 .personals__description--wide {
+    padding: 5px 12px 5px 25px;
+}
+
+.grid-dis-col-1 .personals__category--wide {
+    padding-left: 25px;
+    background-position-x: 3px;
+}
+
+.grid-dis-col-33 .vrach-info {
+    min-height: 170px;
+}
+
+.grid-dis-col-33 .vrach-dostig {
+    display: block;
+    margin: 6px 0;
+}
+
+.grid-dis-col-33 .vrach-dostig img {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.grid-dis-col-33 .vrach-dostig .vrach-dostig-text {
+    display: inline-block;
+    vertical-align: middle;
+    width: calc(100% - 80px);
+    color: #929292;
+    font-size: 13px;
+    margin-left: 10px;
+}
+
+.vrach-title-dolznosti {
+    border-top: 1px solid #ebebeb;
+    border-bottom: 1px solid #ebebeb;
+}
+
+.vrach-content-dolznosti {
+    background: #ebebeb;
+    padding: 10px;
+}
+
+.vrach-content-dolznosti-50 {
+    width: calc(50% - .25em - 10px);
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 5px;
+    @media screen and (max-width: 768px) {
+        width: 100%;
+        display: block;
+    }
+}
+
+.vrach-content-dolznosti-map {
+    text-align: center;
+}
+
+.vrach-content-dolznosti-adress {
+    color: #929292;
+    font-size: 13px;
+    text-align: center;
+    font-family: $fontcuprum;
+    margin: 5px auto 15px auto;
+}
+
+.vrach-content-dolznosti-grafik-title {
+    color: #3b434d;
+    font-size: 15px;
+}
+
+.vrach-content-dolznosti-50 table td {
+    width: 22%;
+    text-align: center;
+    color: #3b434d;
+    font-size: 15px;
+    padding: 3px 0;
+}
+
+.vrach-content-dolznosti-50 table td:last-child {
+    width: 46%;
+}
+
+.rach-content-dolznosti-grafik-prev {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    margin: 5px 0;
+}
+
+.rach-content-dolznosti-grafik-next {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    text-align: right;
+    margin: 5px 0;
+}
+
+.rach-content-dolznosti-grafik-prev::before {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-next::after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-button {
+    background: #d7d7d7;
+    color: #929292;
+    width: 100%;
+    display: block;
+    padding: 10px 0;
+    text-align: center;
+}
+
+.vrachi-svedenia-btn {
+    font-size: 13px;
+    color: #929292;
+    text-decoration: underline;
+    margin-left: 15px;
+    display: block;
+}
+
+.vrachi-svedenia-btn:after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_title_arrow-bottom.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+    margin-left: 10px;
+}
+
+.vrachi-border {
+    border-left: 1px solid #ebebeb;
+}
+
+$doctorsPageSelector: '.doctors';
+
+#{$doctorsPageSelector} {
+    &__photo {
+        overflow: hidden;
+        border-radius: 50%;
+    }
+}

+ 87 - 1
app/assets/styles/content/centerbar/organization.scss

@@ -24,6 +24,29 @@ $organizationMediaSelector: 'organization-media';
         margin-bottom: 5px;
     }
 
+    &__vrach-img {
+        position: relative;
+    }
+
+    &__staz {
+        position: absolute;
+        background: #ebebeb;
+        padding: 5px 10px;
+        border-radius: 0 10px 0 10px;
+        bottom: 0;
+        right: 18px;
+        width: 32px;
+        height: 55px;
+        text-align: center;
+        font-size: 13px;
+        color: #929292;
+    }
+
+    &__staz span {
+        font-size: 18px;
+        color: #004d7b;
+    }
+
     &__sub-title {
         font-family: $fontcuprum;
         font-size: 18px;
@@ -77,6 +100,14 @@ $organizationMediaSelector: 'organization-media';
             display: block;
         }
 
+        &-skype {
+            font-family: $fontcuprum;
+            padding: 2px 0 1px 25px;
+            background: url(../img/skype.png) no-repeat left center;
+            margin-bottom: 4px;
+            display: block;
+        }
+
         &-show-phones {
             font-family: $fontcuprum;
             font-size: 13px;
@@ -159,6 +190,46 @@ $organizationMediaSelector: 'organization-media';
         cursor: pointer;
     }
 
+    &__menu-vrachi {
+        box-sizing: border-box;
+        vertical-align: top;
+        font-size: 15px;
+        margin-left: 10px;
+        margin-top: 0px;
+        padding-left: 0px;
+        min-height: 165px;
+        max-width: 230px;
+        font-family: $fontcuprum;
+
+        &-header {
+            font-family: $fontcuprum;
+            font-size: 13px;
+            color: #929292;
+            margin-bottom: 2px;
+            display: block;
+            margin-left: 5px;
+        }
+        &-item {
+
+        }
+
+        &-link {
+            display: block;
+            padding: 7px 6px;
+            line-height: 14px;
+            color: #004d7b;
+            text-decoration: none;
+
+            #{$organizationInfoSelector}--active &,
+            &:hover {
+                background: #ebebeb;
+            }
+            #{$organizationInfoSelector}--active & {
+                color: #929292;
+            }
+
+        }
+    }
     &__menu {
         box-sizing: border-box;
         vertical-align: top;
@@ -206,6 +277,7 @@ $organizationMediaSelector: 'organization-media';
 
     &__documents {
         background: #ebebeb;
+        min-width: 100%;
 
         td {
             border: none;
@@ -215,6 +287,9 @@ $organizationMediaSelector: 'organization-media';
             font-size: 13px;
             line-height: 15px;
             color: #3b434d;
+            @media screen and (max-width: 768px) {
+                display: block;
+            }
         }
         tr td:first-child {
             padding-right: 19px;
@@ -239,7 +314,7 @@ $organizationMediaSelector: 'organization-media';
             height: 15px;
             margin: 0 5px 0 0;
             position: absolute;
-            top: 2px;
+            top: 0;
             left: 0;
             background: url(../img/icon_table_link.png);
         }
@@ -265,6 +340,17 @@ $organizationMediaSelector: 'organization-media';
             color: #3b434d;
         }
 
+        &-subtitle {
+            color: #004d7b;
+            font-size: 13px;
+            display: block;
+        }
+
+        &-mesto {
+            color: #929292;
+            font-size: 13px;
+        }
+
         &-content {
 
         }

+ 264 - 2
app/www/css/all.css

@@ -3003,6 +3003,29 @@ body {
   padding: 3px 0 0 0;
   margin-bottom: 5px; }
 
+.organization-info__vrach-img {
+    position: relative;
+}
+
+.organization-info__staz {
+    position: absolute;
+    background: #ebebeb;
+    padding: 5px 10px;
+    border-radius: 0 10px 0 10px;
+    bottom: 0;
+    right: 18px;
+    width: 32px;
+    height: 55px;
+    text-align: center;
+    font-size: 13px;
+    color: #929292;
+}
+
+.organization-info__staz span {
+    font-size: 18px;
+    color: #004d7b;
+}
+
 .organization-info__sub-title {
   font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 18px;
@@ -3046,6 +3069,14 @@ body {
   margin-bottom: 4px;
   display: block; }
 
+.organization-info__contacts-skype {
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    padding: 2px 0 1px 25px;
+    background: url(../img/skype.png) no-repeat left center;
+    margin-bottom: 4px;
+    display: block;
+}
+
 .organization-info__contacts-show-phones {
   font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 13px;
@@ -3114,6 +3145,43 @@ body {
   margin-bottom: 29px;
   cursor: pointer; }
 
+.organization-info__menu-vrachi {
+    box-sizing: border-box;
+    vertical-align: top;
+    font-size: 15px;
+    margin-left: 10px;
+    margin-top: 0px;
+    padding-left: 0px;
+    min-height: 165px;
+    max-width: 230px;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+}
+
+.organization-info__menu-vrachi-header {
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    font-size: 13px;
+    color: #929292;
+    margin-bottom: 2px;
+    display: block;
+    margin-left: 5px;
+}
+
+.organization-info__menu-vrachi-link {
+    display: block;
+    padding: 7px 6px;
+    line-height: 14px;
+    color: #004d7b;
+    text-decoration: none;
+}
+
+organization-info--active .organization-info__menu-vrachi-link, .organization-info__menu-vrachi-link:hover {
+    background: #ebebeb;
+}
+
+organization-info--active .organization-info__menu-vrachi-link {
+    color: #929292;
+}
+
 .organization-info__menu {
   box-sizing: border-box;
   vertical-align: top;
@@ -3147,7 +3215,9 @@ body {
   text-decoration: none; }
 
 .organization-info__documents {
-  background: #ebebeb; }
+    background: #ebebeb;
+    min-width: 100%;
+}
   .organization-info__documents td {
     border: none;
     padding: 5px;
@@ -3156,6 +3226,12 @@ body {
     font-size: 13px;
     line-height: 15px;
     color: #3b434d; }
+
+@media screen and (max-width: 768px) {
+    .organization-info__documents td {
+        display: block;
+    }
+}
   .organization-info__documents tr td:first-child {
     padding-right: 19px; }
   .organization-info__documents tr:first-child td {
@@ -3175,7 +3251,7 @@ body {
     height: 15px;
     margin: 0 5px 0 0;
     position: absolute;
-    top: 2px;
+      top: 0;
     left: 0;
     background: url(../img/icon_table_link.png); }
 
@@ -3193,6 +3269,17 @@ body {
     font-size: 20px;
     font-weight: 600;
     color: #3b434d; }
+
+.organization-info__slidedown-subtitle {
+    color: #004d7b;
+    font-size: 13px;
+    display: block;
+}
+
+.organization-info__slidedown-mesto {
+    color: #929292;
+    font-size: 13px;
+}
   .organization-info__slidedown-handler {
     position: absolute;
     top: 50%;
@@ -3284,6 +3371,181 @@ body {
     background-position: right bottom;
 }
 
+.grid-dis-col-1 .organization-info__administration-content {
+    padding-left: 0;
+}
+
+.grid-dis-col-1 .personals__item {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__details {
+    height: auto;
+}
+
+.grid-dis-col-1 .personals__name--wide {
+    height: 63px;
+}
+
+.grid-dis-col-1 .personals__description--wide {
+    padding: 5px 12px 5px 25px;
+}
+
+.grid-dis-col-1 .personals__category--wide {
+    padding-left: 25px;
+    background-position-x: 3px;
+}
+
+.grid-dis-col-33 .vrach-info {
+    min-height: 170px;
+}
+
+.grid-dis-col-33 .vrach-dostig {
+    display: block;
+    margin: 6px 0;
+}
+
+.grid-dis-col-33 .vrach-dostig img {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.grid-dis-col-33 .vrach-dostig .vrach-dostig-text {
+    display: inline-block;
+    vertical-align: middle;
+    width: calc(100% - 80px);
+    color: #929292;
+    font-size: 13px;
+    margin-left: 10px;
+}
+
+.vrach-title-dolznosti {
+    border-top: 1px solid #ebebeb;
+    border-bottom: 1px solid #ebebeb;
+}
+
+.vrach-content-dolznosti {
+    background: #ebebeb;
+    padding: 10px;
+}
+
+.vrach-content-dolznosti-50 {
+    width: calc(50% - .25em - 10px);
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 5px;
+}
+
+@media screen and (max-width: 768px) {
+    .vrach-content-dolznosti-50 {
+        width: 100%;
+        display: block;
+    }
+}
+
+.vrach-content-dolznosti-map {
+    text-align: center;
+}
+
+.vrach-content-dolznosti-adress {
+    color: #929292;
+    font-size: 13px;
+    text-align: center;
+    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+    margin: 5px auto 15px auto;
+}
+
+.vrach-content-dolznosti-grafik-title {
+    color: #3b434d;
+    font-size: 15px;
+}
+
+.vrach-content-dolznosti-50 table td {
+    width: 22%;
+    text-align: center;
+    color: #3b434d;
+    font-size: 15px;
+    padding: 3px 0;
+}
+
+.vrach-content-dolznosti-50 table td:last-child {
+    width: 46%;
+}
+
+.rach-content-dolznosti-grafik-prev {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    margin: 5px 0;
+}
+
+.rach-content-dolznosti-grafik-next {
+    display: inline-block;
+    width: calc(50% - .25em);
+    font-size: 13px;
+    color: #929292;
+    text-align: right;
+    margin: 5px 0;
+}
+
+.rach-content-dolznosti-grafik-prev::before {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3-p.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-next::after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_leftbar_title_arrow3.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+}
+
+.rach-content-dolznosti-grafik-button {
+    background: #d7d7d7;
+    color: #929292;
+    width: 100%;
+    display: block;
+    padding: 10px 0;
+    text-align: center;
+}
+
+.vrachi-svedenia-btn {
+    font-size: 13px;
+    color: #929292;
+    text-decoration: underline;
+    margin-left: 15px;
+    display: block;
+}
+
+.vrachi-svedenia-btn:after {
+    content: '';
+    display: inline-block;
+    position: relative;
+    background: url("../img/icon_title_arrow-bottom.png") no-repeat;
+    background-size: cover;
+    width: 10px;
+    height: 10px;
+    margin-left: 10px;
+}
+
+.vrachi-border {
+    border-left: 1px solid #ebebeb;
+}
+
+.doctors__photo {
+    overflow: hidden;
+    border-radius: 50%;
+}
+
 .specialization-selection__container {
   background: #ffffff;
   box-sizing: border-box;

Diff do ficheiro suprimidas por serem muito extensas
+ 1 - 0
app/www/css/all.css.map


Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
app/www/css/all.min.css


BIN
app/www/img/skype.png


Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff