
fix userinfo dropdown style of topmenu
@c39d82c4948d5472ec46a8bfb22fc4d27e4cd20d
--- app/assets/stylesheets/less/_hiveUI.less
+++ app/assets/stylesheets/less/_hiveUI.less
... | ... | @@ -57,12 +57,15 @@ |
57 | 57 |
margin-bottom:1px; |
58 | 58 |
} |
59 | 59 |
.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a { |
60 |
+ color:#fff; |
|
60 | 61 |
background:@darkgray !important; |
62 |
+ filter:none; /* for IE */ |
|
61 | 63 |
/*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/ |
62 | 64 |
} |
63 | 65 |
.dropdown-menu .active > a, .dropdown-menu .active > a:hover { |
64 | 66 |
color:#fff; |
65 | 67 |
background:@darkgray !important; |
68 |
+ filter:none; /* for IE */ |
|
66 | 69 |
/*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/ |
67 | 70 |
} |
68 | 71 |
.dropdown-menu .disabled span { |
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
... | ... | @@ -99,6 +99,7 @@ |
99 | 99 |
.d-label { |
100 | 100 |
width:70px; |
101 | 101 |
span.text { margin-left:5px; } |
102 |
+ .avatar-wrap img { vertical-align: top; } |
|
102 | 103 |
} |
103 | 104 |
.d-caret { |
104 | 105 |
padding:5px 9px; |
... | ... | @@ -194,7 +195,18 @@ |
194 | 195 |
|
195 | 196 |
&.right { |
196 | 197 |
margin-top:9px; |
197 |
- .dropdown-toggle { background:#fff !important; } |
|
198 |
+ .dropdown-toggle { |
|
199 |
+ /*background:#fff !important;*/ |
|
200 |
+ color:#fff; |
|
201 |
+ border-bottom-color:inherit; |
|
202 |
+ |
|
203 |
+ .d-label { |
|
204 |
+ text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); |
|
205 |
+ } |
|
206 |
+ .d-caret { |
|
207 |
+ border-left:1px solid #787878; |
|
208 |
+ } |
|
209 |
+ } |
|
198 | 210 |
.sp-line { |
199 | 211 |
color:#626262 !important; |
200 | 212 |
opacity:1 !important; |
... | ... | @@ -1794,25 +1806,38 @@ |
1794 | 1806 |
.project-home { |
1795 | 1807 |
padding: 10px; |
1796 | 1808 |
font-size: 0; |
1809 |
+ |
|
1797 | 1810 |
.inner { |
1798 |
- font-size: 12px; |
|
1799 |
- .inline-block; |
|
1800 |
- vertical-align: top; |
|
1801 |
- .box-shadow(0 1px 0 rgba(0, 0, 0, .25)); |
|
1802 |
- background-color: @white; |
|
1803 |
- .border-radius(10px); |
|
1804 |
- margin-right: 10px; |
|
1805 | 1811 |
height: 188px; |
1812 |
+ background-color: @white; |
|
1813 |
+ margin-right: 10px; |
|
1814 |
+ font-size: 12px; |
|
1806 | 1815 |
overflow: hidden; |
1816 |
+ vertical-align: top; |
|
1817 |
+ |
|
1818 |
+ .inline-block; |
|
1819 |
+ .box-shadow(0 1px 0 rgba(0, 0, 0, .25)); |
|
1820 |
+ .border-radius(10px); |
|
1821 |
+ |
|
1807 | 1822 |
&.member-info { |
1808 | 1823 |
width: 230px; |
1809 | 1824 |
margin-right: 0; |
1810 | 1825 |
} |
1826 |
+ |
|
1811 | 1827 |
&.logo { |
1812 |
- padding: 10px 13px; |
|
1813 | 1828 |
width: 234px; |
1814 |
- height: 168px; |
|
1829 |
+ height: 168px; |
|
1830 |
+ padding: 10px 13px; |
|
1831 |
+ line-height:168px; |
|
1832 |
+ text-align:center; |
|
1833 |
+ |
|
1834 |
+ .logo-wrap { |
|
1835 |
+ .inline-block; |
|
1836 |
+ /*width:230px; |
|
1837 |
+ height:160px;*/ |
|
1838 |
+ } |
|
1815 | 1839 |
} |
1840 |
+ |
|
1816 | 1841 |
&.project-info { |
1817 | 1842 |
width: 350px; |
1818 | 1843 |
.infos { |
... | ... | @@ -1833,14 +1858,16 @@ |
1833 | 1858 |
} |
1834 | 1859 |
} |
1835 | 1860 |
} |
1861 |
+ |
|
1836 | 1862 |
.member-wrap { |
1837 | 1863 |
height: 130px; |
1838 | 1864 |
overflow-y: auto; |
1839 | 1865 |
} |
1866 |
+ |
|
1840 | 1867 |
.project-members { |
1841 | 1868 |
list-style: none; |
1842 |
- margin: 0; |
|
1843 |
- padding: 10px; |
|
1869 |
+ margin: 0; padding: 10px; |
|
1870 |
+ |
|
1844 | 1871 |
.member { |
1845 | 1872 |
padding: 5px 10px; |
1846 | 1873 |
border-bottom: 1px solid @gray-d4; |
... | ... | @@ -1866,6 +1893,7 @@ |
1866 | 1893 |
} |
1867 | 1894 |
} |
1868 | 1895 |
} |
1896 |
+ |
|
1869 | 1897 |
header { |
1870 | 1898 |
background-color: #F8F8F8; |
1871 | 1899 |
padding: 10px 15px; /*10px 20px;*/ |
... | ... | @@ -1879,16 +1907,9 @@ |
1879 | 1907 |
.project-status { |
1880 | 1908 |
float: right; |
1881 | 1909 |
line-height: 19px; |
1882 |
- .ico-like { |
|
1883 |
- vertical-align: bottom; |
|
1884 |
- } |
|
1885 |
- .num { |
|
1886 |
- color: #4489A4; |
|
1887 |
- } |
|
1888 |
- .sp { |
|
1889 |
- color: #CCC; |
|
1890 |
- margin: 0 7px; |
|
1891 |
- } |
|
1910 |
+ .ico-like { vertical-align: bottom; } |
|
1911 |
+ .num { color: #4489A4; } |
|
1912 |
+ .sp { color: #ccc; margin: 0 7px; } |
|
1892 | 1913 |
} |
1893 | 1914 |
} |
1894 | 1915 |
} |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?