style(robotaxi): 优化站点地址文本截断样式为 flexbox 布局
Co-Authored-By: 卢春龙 <lucl@xiaopeng.com>
| | |
| | | .now-site-address-content { |
| | | flex: 1; |
| | | min-width: 0; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 28px; |
| | | font-weight: 500; |
| | | line-height: 44px; |
| | | letter-spacing: normal; |
| | | color:rgba(20, 30, 39, 0.8); |
| | | overflow: hidden; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 1; |
| | | /* 设置最大显示行数 */ |
| | | -webkit-box-orient: vertical; |
| | | text-overflow: ellipsis; |
| | | word-break: break-all; |
| | | white-space: nowrap; |
| | | |
| | | .now-site-address-text { |
| | | flex: 1; |
| | | min-width: 0; |
| | | display: inline-block; |
| | | margin: 0 8px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | color: #B38F53; |
| | | } |
| | | } |