Revize 0218d5c7
Přidáno uživatelem Adam Mištera před asi 4 roky(ů)
public/css/app.css | ||
---|---|---|
11704 | 11704 |
margin-bottom: 3rem; |
11705 | 11705 |
} |
11706 | 11706 |
|
11707 |
.books-component .book-area .card-cus-bottom { |
|
11708 |
display: flex; |
|
11709 |
justify-content: space-between; |
|
11710 |
align-items: baseline; |
|
11711 |
} |
|
11712 |
|
|
11713 |
.books-component .book-area .card-cus-bottom .book-arrow:after { |
|
11714 |
content: ""; |
|
11715 |
bottom: 3rem; |
|
11716 |
position: absolute; |
|
11717 |
border-top: 1.25rem solid transparent; |
|
11718 |
border-bottom: 1.25rem solid transparent; |
|
11719 |
} |
|
11720 |
|
|
11721 |
.books-component .book-area .card-cus-bottom .book-arrow-left:after { |
|
11722 |
left: 25%; |
|
11723 |
border-right: 1.25rem solid #ddd1b9; |
|
11724 |
} |
|
11725 |
|
|
11726 |
.books-component .book-area .card-cus-bottom .book-arrow-right:after { |
|
11727 |
right: 25%; |
|
11728 |
border-left: 1.25rem solid #ddd1b9; |
|
11729 |
} |
|
11730 |
|
|
11731 |
.books-component .book-area .card-cus-bottom .likes { |
|
11732 |
display: flex; |
|
11733 |
flex-direction: column; |
|
11734 |
align-items: center; |
|
11735 |
} |
|
11736 |
|
|
11737 |
.books-component .book-area .card-cus-bottom .likes .inter_like, |
|
11738 |
.books-component .book-area .card-cus-bottom .likes .inter_like_filled { |
|
11739 |
margin: 0 auto; |
|
11740 |
} |
|
11741 |
|
|
11742 |
.books-component .book-area .card-cus-bottom .likes .inter_like:before, |
|
11743 |
.books-component .book-area .card-cus-bottom .likes .inter_like_filled:before { |
|
11744 |
margin-right: 0; |
|
11745 |
height: 5rem; |
|
11746 |
width: 5rem; |
|
11747 |
} |
|
11748 |
|
|
11749 |
.books-component .book-area .card-cus-bottom .likes .artefact-likes { |
|
11750 |
font-size: 12pt; |
|
11751 |
padding: 0; |
|
11752 |
} |
|
11753 |
|
|
11754 |
.books-component .info-area { |
|
11755 |
color: #ddd1b9; |
|
11756 |
margin-top: 0.625rem; |
|
11757 |
padding-left: 5rem; |
|
11758 |
/* could be use to hide overflowing notes |
|
11759 |
max-height: 80vh; |
|
11760 |
overflow-y: scroll; |
|
11761 |
scrollbar-width: none; |
|
11762 |
-ms-overflow-style: none; |
|
11763 |
|
|
11764 |
&::-webkit-scrollbar { |
|
11765 |
width: 0 !important |
|
11766 |
} */ |
|
11767 |
} |
|
11768 |
|
|
11769 |
.books-component .info-area h3 { |
|
11770 |
font-weight: 600; |
|
11771 |
} |
|
11772 |
|
|
11773 |
.books-component .info-area .switch-view { |
|
11774 |
float: right; |
|
11775 |
color: #ffffff; |
|
11776 |
cursor: pointer; |
|
11777 |
} |
|
11778 |
|
|
11779 |
.books-component .info-area .artefact-notes { |
|
11780 |
display: none; |
|
11781 |
color: #ddd1b9; |
|
11782 |
} |
|
11783 |
|
|
11784 |
.books-component .info-area .artefact-notes .pin-horizontal { |
|
11785 |
border-bottom: 0.042rem solid #ddd1b9; |
|
11786 |
display: inline-block; |
|
11787 |
margin: 2.75rem 2rem 0 0; |
|
11788 |
} |
|
11789 |
|
|
11790 |
.books-component .info-area .artefact-notes .pin-horizontal:after { |
|
11791 |
content: ""; |
|
11792 |
background-color: #ddd1b9; |
|
11793 |
position: relative; |
|
11794 |
height: 0.5rem; |
|
11795 |
width: 0.5rem; |
|
11796 |
border-radius: 50%; |
|
11797 |
display: block; |
|
11798 |
margin-left: auto; |
|
11799 |
top: 0.25rem; |
|
11800 |
} |
|
11801 |
|
|
11802 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata { |
|
11803 |
position: relative; |
|
11804 |
display: flex; |
|
11805 |
align-items: baseline; |
|
11806 |
} |
|
11807 |
|
|
11808 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata span { |
|
11809 |
font-size: 12pt; |
|
11810 |
font-weight: 600; |
|
11811 |
} |
|
11812 |
|
|
11813 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata .arrow-down { |
|
11814 |
position: relative; |
|
11815 |
top: 0; |
|
11816 |
right: 0; |
|
11817 |
width: 0; |
|
11818 |
height: 0; |
|
11819 |
border-left: 0.25rem solid transparent; |
|
11820 |
border-right: 0.25rem solid transparent; |
|
11821 |
border-top: 0.25rem solid #ddd1b9; |
|
11822 |
margin: 0 0.5rem 0 0.5rem; |
|
11823 |
} |
|
11824 |
|
|
11825 |
.books-component .info-area .artefact-notes .white-pin { |
|
11826 |
color: #ffffff; |
|
11827 |
border-bottom: 0.042rem solid #ffffff; |
|
11828 |
} |
|
11829 |
|
|
11830 |
.books-component .info-area .artefact-notes .white-pin:before { |
|
11831 |
content: ""; |
|
11832 |
background-color: #ffffff; |
|
11833 |
} |
|
11834 |
|
|
11835 |
.books-component .info-area .artefact-notes .white-pin .metadata .arrow-down { |
|
11836 |
border-top: 0.25rem solid #ffffff; |
|
11837 |
} |
|
11838 |
|
|
11839 |
.books-component .info-area .artefact-notes .metadata-text { |
|
11840 |
font-size: 12pt; |
|
11841 |
color: #ffffff; |
|
11842 |
padding-top: 10px; |
|
11843 |
padding-left: 25px; |
|
11844 |
padding-right: 25px; |
|
11845 |
} |
|
11846 |
|
|
11847 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:before { |
|
11848 |
background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026); |
|
11849 |
width: 5rem; |
|
11850 |
height: 5rem; |
|
11851 |
} |
|
11852 |
|
|
11853 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:hover, |
|
11854 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:focus, |
|
11855 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:active { |
|
11856 |
background-color: transparent !important; |
|
11857 |
border-color: transparent !important; |
|
11858 |
outline: none !important; |
|
11859 |
box-shadow: none !important; |
|
11860 |
} |
|
11861 |
|
|
11862 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:before { |
|
11863 |
background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c); |
|
11864 |
width: 5rem; |
|
11865 |
height: 5rem; |
|
11866 |
} |
|
11867 |
|
|
11868 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:hover, |
|
11869 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:focus, |
|
11870 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:active { |
|
11871 |
background-color: transparent !important; |
|
11872 |
border-color: transparent !important; |
|
11873 |
outline: none !important; |
|
11874 |
box-shadow: none !important; |
|
11875 |
} |
|
11876 |
|
|
11877 |
.books-component .info-area .inter_info { |
|
11878 |
float: right; |
|
11879 |
color: #ffffff; |
|
11880 |
padding-right: 1rem; |
|
11881 |
} |
|
11882 |
|
|
11883 |
.books-component .info-area .inter_info:before { |
|
11884 |
background-image: url(/images/Button_Info_White.svg?eeeba6da4f02d7b457f5ed048a356fc6); |
|
11885 |
width: 1.875rem; |
|
11886 |
height: 1.875rem; |
|
11887 |
} |
|
11888 |
|
|
11889 |
.books-component .info-area .inter_info:hover, |
|
11890 |
.books-component .info-area .inter_info:focus, |
|
11891 |
.books-component .info-area .inter_info:active { |
|
11892 |
background-color: transparent !important; |
|
11893 |
border-color: transparent !important; |
|
11894 |
outline: none !important; |
|
11895 |
box-shadow: none !important; |
|
11896 |
} |
|
11897 |
|
|
11707 | 11898 |
@media screen and (max-height: 450px) { |
11708 | 11899 |
.sidenav a { |
11709 | 11900 |
font-size: 18px; |
... | ... | |
11768 | 11959 |
color: #272727; |
11769 | 11960 |
background-color: #ffffff; |
11770 | 11961 |
} |
11962 |
|
|
11963 |
.books-component .info-area { |
|
11964 |
padding-left: 1.5625rem; |
|
11965 |
} |
|
11771 | 11966 |
} |
11772 | 11967 |
|
11773 | 11968 |
@media only screen and (max-width: 540px) { |
Také k dispozici: Unified diff
Issue #8050 @3h
[+] Vytvoření komponenty pro knihy na desktop
[+] Stylování komponenty a testování napojení na controller