@syncfusion/ej2-react-pdfviewer 19.4.50 → 19.4.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/README.md +1 -1
- package/dist/ej2-react-pdfviewer.umd.min.js +1 -1
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +36 -5
- package/styles/bootstrap.css +36 -5
- package/styles/bootstrap4.css +36 -5
- package/styles/bootstrap5-dark.css +63 -24
- package/styles/bootstrap5.css +63 -24
- package/styles/fabric-dark.css +36 -5
- package/styles/fabric.css +36 -5
- package/styles/highcontrast-light.css +36 -5
- package/styles/highcontrast.css +36 -5
- package/styles/material-dark.css +36 -5
- package/styles/material.css +36 -5
- package/styles/pdfviewer/bootstrap-dark.css +36 -5
- package/styles/pdfviewer/bootstrap.css +36 -5
- package/styles/pdfviewer/bootstrap4.css +36 -5
- package/styles/pdfviewer/bootstrap5-dark.css +63 -24
- package/styles/pdfviewer/bootstrap5.css +63 -24
- package/styles/pdfviewer/fabric-dark.css +36 -5
- package/styles/pdfviewer/fabric.css +36 -5
- package/styles/pdfviewer/highcontrast-light.css +36 -5
- package/styles/pdfviewer/highcontrast.css +36 -5
- package/styles/pdfviewer/material-dark.css +36 -5
- package/styles/pdfviewer/material.css +36 -5
- package/styles/pdfviewer/tailwind-dark.css +36 -5
- package/styles/pdfviewer/tailwind.css +36 -5
- package/styles/tailwind-dark.css +36 -5
- package/styles/tailwind.css +36 -5
package/styles/fabric.css
CHANGED
|
@@ -889,6 +889,17 @@ input.e-pv-input-password::-ms-reveal {
|
|
|
889
889
|
margin-right: 1.5px;
|
|
890
890
|
}
|
|
891
891
|
|
|
892
|
+
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
893
|
+
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
894
|
+
padding-bottom: 0;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
898
|
+
.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
899
|
+
line-height: 26px;
|
|
900
|
+
min-height: 26px;
|
|
901
|
+
}
|
|
902
|
+
|
|
892
903
|
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
893
904
|
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
894
905
|
.e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
|
|
@@ -1519,6 +1530,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1519
1530
|
padding-right: 18px;
|
|
1520
1531
|
}
|
|
1521
1532
|
|
|
1533
|
+
.e-pv-bookmark-title {
|
|
1534
|
+
padding-left: 40px;
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1522
1537
|
.e-pv-sidebar-bookmark-title {
|
|
1523
1538
|
color: rgba(0, 0, 0, 0.87);
|
|
1524
1539
|
font-family: Roboto-Regular;
|
|
@@ -1587,6 +1602,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1587
1602
|
.e-pv-shapes-toolbar .e-pv-tbar-btn,
|
|
1588
1603
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
|
|
1589
1604
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
|
|
1605
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
|
|
1606
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
|
|
1590
1607
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
|
|
1591
1608
|
color: #000;
|
|
1592
1609
|
}
|
|
@@ -1814,8 +1831,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1814
1831
|
vertical-align: initial;
|
|
1815
1832
|
}
|
|
1816
1833
|
|
|
1817
|
-
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon
|
|
1818
|
-
|
|
1834
|
+
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
|
|
1835
|
+
.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
|
|
1819
1836
|
vertical-align: initial;
|
|
1820
1837
|
}
|
|
1821
1838
|
|
|
@@ -1874,6 +1891,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1874
1891
|
.e-pv-annotation-opacity-container,
|
|
1875
1892
|
.e-pv-annotation-stroke-container,
|
|
1876
1893
|
.e-pv-custom-annotation-thickness-container,
|
|
1894
|
+
.e-pv-custom-annotation-opacity-container,
|
|
1877
1895
|
.e-pv-annotation-thickness-container,
|
|
1878
1896
|
.e-pv-annotation-textcolor-container,
|
|
1879
1897
|
.e-pv-annotation-textalign-container,
|
|
@@ -1973,6 +1991,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1973
1991
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1974
1992
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
|
|
1975
1993
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1994
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1976
1995
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1977
1996
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
|
|
1978
1997
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
|
|
@@ -1985,6 +2004,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1985
2004
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1986
2005
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
|
|
1987
2006
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
|
|
2007
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1988
2008
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
|
|
1989
2009
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
|
|
1990
2010
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
|
|
@@ -2023,6 +2043,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2023
2043
|
max-width: 436px;
|
|
2024
2044
|
}
|
|
2025
2045
|
|
|
2046
|
+
.e-pv-scale-ratio-dialog {
|
|
2047
|
+
max-width: 500px;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2026
2050
|
.e-pv-line-styles-content,
|
|
2027
2051
|
.e-pv-line-styles-item {
|
|
2028
2052
|
border-bottom-color: #000;
|
|
@@ -2062,6 +2086,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2062
2086
|
.e-pv-properties-line-opacity-container {
|
|
2063
2087
|
float: left;
|
|
2064
2088
|
height: auto;
|
|
2089
|
+
width: 180px;
|
|
2065
2090
|
}
|
|
2066
2091
|
|
|
2067
2092
|
.e-pv-scale-ratio-src-input-container,
|
|
@@ -2140,7 +2165,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2140
2165
|
.e-pv-properties-line-style,
|
|
2141
2166
|
.e-pv-properties-line-thickness,
|
|
2142
2167
|
.e-pv-properties-line-opacity,
|
|
2143
|
-
.e-pv-properties-line-leader-length
|
|
2168
|
+
.e-pv-properties-line-leader-length {
|
|
2169
|
+
max-width: 180px;
|
|
2170
|
+
}
|
|
2171
|
+
|
|
2144
2172
|
.e-pv-scale-ratio-src-input,
|
|
2145
2173
|
.e-pv-scale-ratio-dest-input,
|
|
2146
2174
|
.e-pv-depth-input {
|
|
@@ -2149,7 +2177,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2149
2177
|
|
|
2150
2178
|
.e-pv-properties-line-start,
|
|
2151
2179
|
.e-pv-properties-line-end,
|
|
2152
|
-
.e-pv-properties-line-style
|
|
2180
|
+
.e-pv-properties-line-style {
|
|
2181
|
+
width: 180px;
|
|
2182
|
+
}
|
|
2183
|
+
|
|
2153
2184
|
.e-pv-scale-ratio-src-unit,
|
|
2154
2185
|
.e-pv-scale-ratio-dest-unit,
|
|
2155
2186
|
.e-pv-depth-unit {
|
|
@@ -3077,8 +3108,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
|
|
|
3077
3108
|
.e-pv-properties-form-field-btn-textarea-container {
|
|
3078
3109
|
display: -ms-flexbox;
|
|
3079
3110
|
display: flex;
|
|
3080
|
-
padding-top: 15px;
|
|
3081
3111
|
width: 385px;
|
|
3112
|
+
padding-top: 15px;
|
|
3082
3113
|
}
|
|
3083
3114
|
|
|
3084
3115
|
.e-pv-properties-dropdown-btn {
|
|
@@ -872,6 +872,17 @@ input.e-pv-input-password::-ms-reveal {
|
|
|
872
872
|
margin-right: 1.5px;
|
|
873
873
|
}
|
|
874
874
|
|
|
875
|
+
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
876
|
+
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
877
|
+
padding-bottom: 0;
|
|
878
|
+
}
|
|
879
|
+
|
|
880
|
+
.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
881
|
+
.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
882
|
+
line-height: 26px;
|
|
883
|
+
min-height: 26px;
|
|
884
|
+
}
|
|
885
|
+
|
|
875
886
|
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
876
887
|
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
877
888
|
.e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
|
|
@@ -1502,6 +1513,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1502
1513
|
padding-right: 18px;
|
|
1503
1514
|
}
|
|
1504
1515
|
|
|
1516
|
+
.e-pv-bookmark-title {
|
|
1517
|
+
padding-left: 40px;
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1505
1520
|
.e-pv-sidebar-bookmark-title {
|
|
1506
1521
|
color: rgba(0, 0, 0, 0.87);
|
|
1507
1522
|
font-family: Roboto-Regular;
|
|
@@ -1570,6 +1585,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1570
1585
|
.e-pv-shapes-toolbar .e-pv-tbar-btn,
|
|
1571
1586
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
|
|
1572
1587
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
|
|
1588
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
|
|
1589
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
|
|
1573
1590
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
|
|
1574
1591
|
color: #000;
|
|
1575
1592
|
}
|
|
@@ -1793,8 +1810,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1793
1810
|
vertical-align: initial;
|
|
1794
1811
|
}
|
|
1795
1812
|
|
|
1796
|
-
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon
|
|
1797
|
-
|
|
1813
|
+
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
|
|
1814
|
+
.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
|
|
1798
1815
|
vertical-align: initial;
|
|
1799
1816
|
}
|
|
1800
1817
|
|
|
@@ -1853,6 +1870,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1853
1870
|
.e-pv-annotation-opacity-container,
|
|
1854
1871
|
.e-pv-annotation-stroke-container,
|
|
1855
1872
|
.e-pv-custom-annotation-thickness-container,
|
|
1873
|
+
.e-pv-custom-annotation-opacity-container,
|
|
1856
1874
|
.e-pv-annotation-thickness-container,
|
|
1857
1875
|
.e-pv-annotation-textcolor-container,
|
|
1858
1876
|
.e-pv-annotation-textalign-container,
|
|
@@ -1952,6 +1970,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1952
1970
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1953
1971
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
|
|
1954
1972
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1973
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1955
1974
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1956
1975
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
|
|
1957
1976
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
|
|
@@ -1964,6 +1983,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1964
1983
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1965
1984
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
|
|
1966
1985
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
|
|
1986
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1967
1987
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
|
|
1968
1988
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
|
|
1969
1989
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
|
|
@@ -2002,6 +2022,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2002
2022
|
max-width: 436px;
|
|
2003
2023
|
}
|
|
2004
2024
|
|
|
2025
|
+
.e-pv-scale-ratio-dialog {
|
|
2026
|
+
max-width: 500px;
|
|
2027
|
+
}
|
|
2028
|
+
|
|
2005
2029
|
.e-pv-line-styles-content,
|
|
2006
2030
|
.e-pv-line-styles-item {
|
|
2007
2031
|
border-bottom-color: #000;
|
|
@@ -2041,6 +2065,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2041
2065
|
.e-pv-properties-line-opacity-container {
|
|
2042
2066
|
float: left;
|
|
2043
2067
|
height: auto;
|
|
2068
|
+
width: 180px;
|
|
2044
2069
|
}
|
|
2045
2070
|
|
|
2046
2071
|
.e-pv-scale-ratio-src-input-container,
|
|
@@ -2119,7 +2144,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2119
2144
|
.e-pv-properties-line-style,
|
|
2120
2145
|
.e-pv-properties-line-thickness,
|
|
2121
2146
|
.e-pv-properties-line-opacity,
|
|
2122
|
-
.e-pv-properties-line-leader-length
|
|
2147
|
+
.e-pv-properties-line-leader-length {
|
|
2148
|
+
max-width: 180px;
|
|
2149
|
+
}
|
|
2150
|
+
|
|
2123
2151
|
.e-pv-scale-ratio-src-input,
|
|
2124
2152
|
.e-pv-scale-ratio-dest-input,
|
|
2125
2153
|
.e-pv-depth-input {
|
|
@@ -2128,7 +2156,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2128
2156
|
|
|
2129
2157
|
.e-pv-properties-line-start,
|
|
2130
2158
|
.e-pv-properties-line-end,
|
|
2131
|
-
.e-pv-properties-line-style
|
|
2159
|
+
.e-pv-properties-line-style {
|
|
2160
|
+
width: 180px;
|
|
2161
|
+
}
|
|
2162
|
+
|
|
2132
2163
|
.e-pv-scale-ratio-src-unit,
|
|
2133
2164
|
.e-pv-scale-ratio-dest-unit,
|
|
2134
2165
|
.e-pv-depth-unit {
|
|
@@ -3054,8 +3085,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
|
|
|
3054
3085
|
.e-pv-properties-form-field-btn-textarea-container {
|
|
3055
3086
|
display: -ms-flexbox;
|
|
3056
3087
|
display: flex;
|
|
3057
|
-
padding-top: 15px;
|
|
3058
3088
|
width: 385px;
|
|
3089
|
+
padding-top: 15px;
|
|
3059
3090
|
}
|
|
3060
3091
|
|
|
3061
3092
|
.e-pv-properties-dropdown-btn {
|
package/styles/highcontrast.css
CHANGED
|
@@ -872,6 +872,17 @@ input.e-pv-input-password::-ms-reveal {
|
|
|
872
872
|
margin-right: 1.5px;
|
|
873
873
|
}
|
|
874
874
|
|
|
875
|
+
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
876
|
+
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
877
|
+
padding-bottom: 0;
|
|
878
|
+
}
|
|
879
|
+
|
|
880
|
+
.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
881
|
+
.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
882
|
+
line-height: 26px;
|
|
883
|
+
min-height: 26px;
|
|
884
|
+
}
|
|
885
|
+
|
|
875
886
|
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
876
887
|
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
877
888
|
.e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
|
|
@@ -1502,6 +1513,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1502
1513
|
padding-right: 18px;
|
|
1503
1514
|
}
|
|
1504
1515
|
|
|
1516
|
+
.e-pv-bookmark-title {
|
|
1517
|
+
padding-left: 40px;
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1505
1520
|
.e-pv-sidebar-bookmark-title {
|
|
1506
1521
|
color: rgba(0, 0, 0, 0.87);
|
|
1507
1522
|
font-family: Roboto-Regular;
|
|
@@ -1570,6 +1585,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1570
1585
|
.e-pv-shapes-toolbar .e-pv-tbar-btn,
|
|
1571
1586
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
|
|
1572
1587
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
|
|
1588
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
|
|
1589
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
|
|
1573
1590
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
|
|
1574
1591
|
color: #fff;
|
|
1575
1592
|
}
|
|
@@ -1793,8 +1810,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1793
1810
|
vertical-align: initial;
|
|
1794
1811
|
}
|
|
1795
1812
|
|
|
1796
|
-
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon
|
|
1797
|
-
|
|
1813
|
+
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
|
|
1814
|
+
.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
|
|
1798
1815
|
vertical-align: initial;
|
|
1799
1816
|
}
|
|
1800
1817
|
|
|
@@ -1853,6 +1870,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1853
1870
|
.e-pv-annotation-opacity-container,
|
|
1854
1871
|
.e-pv-annotation-stroke-container,
|
|
1855
1872
|
.e-pv-custom-annotation-thickness-container,
|
|
1873
|
+
.e-pv-custom-annotation-opacity-container,
|
|
1856
1874
|
.e-pv-annotation-thickness-container,
|
|
1857
1875
|
.e-pv-annotation-textcolor-container,
|
|
1858
1876
|
.e-pv-annotation-textalign-container,
|
|
@@ -1956,6 +1974,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1956
1974
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1957
1975
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
|
|
1958
1976
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1977
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1959
1978
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1960
1979
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
|
|
1961
1980
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
|
|
@@ -1968,6 +1987,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1968
1987
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1969
1988
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
|
|
1970
1989
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
|
|
1990
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1971
1991
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
|
|
1972
1992
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
|
|
1973
1993
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
|
|
@@ -2006,6 +2026,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2006
2026
|
max-width: 436px;
|
|
2007
2027
|
}
|
|
2008
2028
|
|
|
2029
|
+
.e-pv-scale-ratio-dialog {
|
|
2030
|
+
max-width: 500px;
|
|
2031
|
+
}
|
|
2032
|
+
|
|
2009
2033
|
.e-pv-line-styles-content,
|
|
2010
2034
|
.e-pv-line-styles-item {
|
|
2011
2035
|
border-bottom-color: #fff;
|
|
@@ -2045,6 +2069,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2045
2069
|
.e-pv-properties-line-opacity-container {
|
|
2046
2070
|
float: left;
|
|
2047
2071
|
height: auto;
|
|
2072
|
+
width: 180px;
|
|
2048
2073
|
}
|
|
2049
2074
|
|
|
2050
2075
|
.e-pv-scale-ratio-src-input-container,
|
|
@@ -2123,7 +2148,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2123
2148
|
.e-pv-properties-line-style,
|
|
2124
2149
|
.e-pv-properties-line-thickness,
|
|
2125
2150
|
.e-pv-properties-line-opacity,
|
|
2126
|
-
.e-pv-properties-line-leader-length
|
|
2151
|
+
.e-pv-properties-line-leader-length {
|
|
2152
|
+
max-width: 180px;
|
|
2153
|
+
}
|
|
2154
|
+
|
|
2127
2155
|
.e-pv-scale-ratio-src-input,
|
|
2128
2156
|
.e-pv-scale-ratio-dest-input,
|
|
2129
2157
|
.e-pv-depth-input {
|
|
@@ -2132,7 +2160,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2132
2160
|
|
|
2133
2161
|
.e-pv-properties-line-start,
|
|
2134
2162
|
.e-pv-properties-line-end,
|
|
2135
|
-
.e-pv-properties-line-style
|
|
2163
|
+
.e-pv-properties-line-style {
|
|
2164
|
+
width: 180px;
|
|
2165
|
+
}
|
|
2166
|
+
|
|
2136
2167
|
.e-pv-scale-ratio-src-unit,
|
|
2137
2168
|
.e-pv-scale-ratio-dest-unit,
|
|
2138
2169
|
.e-pv-depth-unit {
|
|
@@ -3063,8 +3094,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
|
|
|
3063
3094
|
.e-pv-properties-form-field-btn-textarea-container {
|
|
3064
3095
|
display: -ms-flexbox;
|
|
3065
3096
|
display: flex;
|
|
3066
|
-
padding-top: 15px;
|
|
3067
3097
|
width: 385px;
|
|
3098
|
+
padding-top: 15px;
|
|
3068
3099
|
}
|
|
3069
3100
|
|
|
3070
3101
|
.e-pv-properties-dropdown-btn {
|
package/styles/material-dark.css
CHANGED
|
@@ -875,6 +875,17 @@ input.e-pv-input-password::-ms-reveal {
|
|
|
875
875
|
margin-right: 0.5px;
|
|
876
876
|
}
|
|
877
877
|
|
|
878
|
+
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
879
|
+
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
880
|
+
padding-bottom: 0;
|
|
881
|
+
}
|
|
882
|
+
|
|
883
|
+
.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
884
|
+
.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
885
|
+
line-height: 26px;
|
|
886
|
+
min-height: 26px;
|
|
887
|
+
}
|
|
888
|
+
|
|
878
889
|
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
879
890
|
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
880
891
|
.e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
|
|
@@ -1505,6 +1516,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1505
1516
|
padding-right: 18px;
|
|
1506
1517
|
}
|
|
1507
1518
|
|
|
1519
|
+
.e-pv-bookmark-title {
|
|
1520
|
+
padding-left: 40px;
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1508
1523
|
.e-pv-sidebar-bookmark-title {
|
|
1509
1524
|
color: rgba(0, 0, 0, 0.87);
|
|
1510
1525
|
font-family: Roboto-Regular;
|
|
@@ -1573,6 +1588,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1573
1588
|
.e-pv-shapes-toolbar .e-pv-tbar-btn,
|
|
1574
1589
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
|
|
1575
1590
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
|
|
1591
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
|
|
1592
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
|
|
1576
1593
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
|
|
1577
1594
|
color: #fff;
|
|
1578
1595
|
}
|
|
@@ -1796,8 +1813,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1796
1813
|
vertical-align: initial;
|
|
1797
1814
|
}
|
|
1798
1815
|
|
|
1799
|
-
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon
|
|
1800
|
-
|
|
1816
|
+
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
|
|
1817
|
+
.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
|
|
1801
1818
|
vertical-align: initial;
|
|
1802
1819
|
}
|
|
1803
1820
|
|
|
@@ -1856,6 +1873,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1856
1873
|
.e-pv-annotation-opacity-container,
|
|
1857
1874
|
.e-pv-annotation-stroke-container,
|
|
1858
1875
|
.e-pv-custom-annotation-thickness-container,
|
|
1876
|
+
.e-pv-custom-annotation-opacity-container,
|
|
1859
1877
|
.e-pv-annotation-thickness-container,
|
|
1860
1878
|
.e-pv-annotation-textcolor-container,
|
|
1861
1879
|
.e-pv-annotation-textalign-container,
|
|
@@ -1955,6 +1973,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1955
1973
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1956
1974
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
|
|
1957
1975
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1976
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1958
1977
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1959
1978
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
|
|
1960
1979
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
|
|
@@ -1967,6 +1986,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1967
1986
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1968
1987
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
|
|
1969
1988
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
|
|
1989
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1970
1990
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
|
|
1971
1991
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
|
|
1972
1992
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
|
|
@@ -2005,6 +2025,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2005
2025
|
max-width: 420px;
|
|
2006
2026
|
}
|
|
2007
2027
|
|
|
2028
|
+
.e-pv-scale-ratio-dialog {
|
|
2029
|
+
max-width: 500px;
|
|
2030
|
+
}
|
|
2031
|
+
|
|
2008
2032
|
.e-pv-line-styles-content,
|
|
2009
2033
|
.e-pv-line-styles-item {
|
|
2010
2034
|
border-bottom-color: #000;
|
|
@@ -2044,6 +2068,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2044
2068
|
.e-pv-properties-line-opacity-container {
|
|
2045
2069
|
float: left;
|
|
2046
2070
|
height: auto;
|
|
2071
|
+
width: 180px;
|
|
2047
2072
|
}
|
|
2048
2073
|
|
|
2049
2074
|
.e-pv-scale-ratio-src-input-container,
|
|
@@ -2122,7 +2147,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2122
2147
|
.e-pv-properties-line-style,
|
|
2123
2148
|
.e-pv-properties-line-thickness,
|
|
2124
2149
|
.e-pv-properties-line-opacity,
|
|
2125
|
-
.e-pv-properties-line-leader-length
|
|
2150
|
+
.e-pv-properties-line-leader-length {
|
|
2151
|
+
max-width: 180px;
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2126
2154
|
.e-pv-scale-ratio-src-input,
|
|
2127
2155
|
.e-pv-scale-ratio-dest-input,
|
|
2128
2156
|
.e-pv-depth-input {
|
|
@@ -2131,7 +2159,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2131
2159
|
|
|
2132
2160
|
.e-pv-properties-line-start,
|
|
2133
2161
|
.e-pv-properties-line-end,
|
|
2134
|
-
.e-pv-properties-line-style
|
|
2162
|
+
.e-pv-properties-line-style {
|
|
2163
|
+
width: 180px;
|
|
2164
|
+
}
|
|
2165
|
+
|
|
2135
2166
|
.e-pv-scale-ratio-src-unit,
|
|
2136
2167
|
.e-pv-scale-ratio-dest-unit,
|
|
2137
2168
|
.e-pv-depth-unit {
|
|
@@ -3057,8 +3088,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
|
|
|
3057
3088
|
.e-pv-properties-form-field-btn-textarea-container {
|
|
3058
3089
|
display: -ms-flexbox;
|
|
3059
3090
|
display: flex;
|
|
3060
|
-
padding-top: 15px;
|
|
3061
3091
|
width: 385px;
|
|
3092
|
+
padding-top: 15px;
|
|
3062
3093
|
}
|
|
3063
3094
|
|
|
3064
3095
|
.e-pv-properties-dropdown-btn {
|
package/styles/material.css
CHANGED
|
@@ -878,6 +878,17 @@ input.e-pv-input-password::-ms-reveal {
|
|
|
878
878
|
margin-right: 0.5px;
|
|
879
879
|
}
|
|
880
880
|
|
|
881
|
+
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
882
|
+
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
883
|
+
padding-bottom: 0;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
.e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
|
|
887
|
+
.e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
|
|
888
|
+
line-height: 26px;
|
|
889
|
+
min-height: 26px;
|
|
890
|
+
}
|
|
891
|
+
|
|
881
892
|
.e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
882
893
|
.e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
|
|
883
894
|
.e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
|
|
@@ -1508,6 +1519,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1508
1519
|
padding-right: 18px;
|
|
1509
1520
|
}
|
|
1510
1521
|
|
|
1522
|
+
.e-pv-bookmark-title {
|
|
1523
|
+
padding-left: 40px;
|
|
1524
|
+
}
|
|
1525
|
+
|
|
1511
1526
|
.e-pv-sidebar-bookmark-title {
|
|
1512
1527
|
color: rgba(0, 0, 0, 0.87);
|
|
1513
1528
|
font-family: Roboto-Regular;
|
|
@@ -1576,6 +1591,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1576
1591
|
.e-pv-shapes-toolbar .e-pv-tbar-btn,
|
|
1577
1592
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
|
|
1578
1593
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
|
|
1594
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
|
|
1595
|
+
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
|
|
1579
1596
|
.e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
|
|
1580
1597
|
color: rgba(0, 0, 0, 0.54);
|
|
1581
1598
|
}
|
|
@@ -1799,8 +1816,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1799
1816
|
vertical-align: initial;
|
|
1800
1817
|
}
|
|
1801
1818
|
|
|
1802
|
-
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon
|
|
1803
|
-
|
|
1819
|
+
.e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
|
|
1820
|
+
.e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
|
|
1804
1821
|
vertical-align: initial;
|
|
1805
1822
|
}
|
|
1806
1823
|
|
|
@@ -1859,6 +1876,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1859
1876
|
.e-pv-annotation-opacity-container,
|
|
1860
1877
|
.e-pv-annotation-stroke-container,
|
|
1861
1878
|
.e-pv-custom-annotation-thickness-container,
|
|
1879
|
+
.e-pv-custom-annotation-opacity-container,
|
|
1862
1880
|
.e-pv-annotation-thickness-container,
|
|
1863
1881
|
.e-pv-annotation-textcolor-container,
|
|
1864
1882
|
.e-pv-annotation-textalign-container,
|
|
@@ -1958,6 +1976,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1958
1976
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1959
1977
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
|
|
1960
1978
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1979
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
|
|
1961
1980
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
|
|
1962
1981
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
|
|
1963
1982
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
|
|
@@ -1970,6 +1989,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
1970
1989
|
.e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1971
1990
|
.e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
|
|
1972
1991
|
.e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
|
|
1992
|
+
.e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
|
|
1973
1993
|
.e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
|
|
1974
1994
|
.e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
|
|
1975
1995
|
.e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
|
|
@@ -2008,6 +2028,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2008
2028
|
max-width: 420px;
|
|
2009
2029
|
}
|
|
2010
2030
|
|
|
2031
|
+
.e-pv-scale-ratio-dialog {
|
|
2032
|
+
max-width: 500px;
|
|
2033
|
+
}
|
|
2034
|
+
|
|
2011
2035
|
.e-pv-line-styles-content,
|
|
2012
2036
|
.e-pv-line-styles-item {
|
|
2013
2037
|
border-bottom-color: #000;
|
|
@@ -2047,6 +2071,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2047
2071
|
.e-pv-properties-line-opacity-container {
|
|
2048
2072
|
float: left;
|
|
2049
2073
|
height: auto;
|
|
2074
|
+
width: 180px;
|
|
2050
2075
|
}
|
|
2051
2076
|
|
|
2052
2077
|
.e-pv-scale-ratio-src-input-container,
|
|
@@ -2125,7 +2150,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2125
2150
|
.e-pv-properties-line-style,
|
|
2126
2151
|
.e-pv-properties-line-thickness,
|
|
2127
2152
|
.e-pv-properties-line-opacity,
|
|
2128
|
-
.e-pv-properties-line-leader-length
|
|
2153
|
+
.e-pv-properties-line-leader-length {
|
|
2154
|
+
max-width: 180px;
|
|
2155
|
+
}
|
|
2156
|
+
|
|
2129
2157
|
.e-pv-scale-ratio-src-input,
|
|
2130
2158
|
.e-pv-scale-ratio-dest-input,
|
|
2131
2159
|
.e-pv-depth-input {
|
|
@@ -2134,7 +2162,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
|
|
|
2134
2162
|
|
|
2135
2163
|
.e-pv-properties-line-start,
|
|
2136
2164
|
.e-pv-properties-line-end,
|
|
2137
|
-
.e-pv-properties-line-style
|
|
2165
|
+
.e-pv-properties-line-style {
|
|
2166
|
+
width: 180px;
|
|
2167
|
+
}
|
|
2168
|
+
|
|
2138
2169
|
.e-pv-scale-ratio-src-unit,
|
|
2139
2170
|
.e-pv-scale-ratio-dest-unit,
|
|
2140
2171
|
.e-pv-depth-unit {
|
|
@@ -3062,8 +3093,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
|
|
|
3062
3093
|
.e-pv-properties-form-field-btn-textarea-container {
|
|
3063
3094
|
display: -ms-flexbox;
|
|
3064
3095
|
display: flex;
|
|
3065
|
-
padding-top: 15px;
|
|
3066
3096
|
width: 385px;
|
|
3097
|
+
padding-top: 15px;
|
|
3067
3098
|
}
|
|
3068
3099
|
|
|
3069
3100
|
.e-pv-properties-dropdown-btn {
|