EasyCVR can gather, integrate, and centrally manage various scattered video resources in a complex network environment, and realize authentication management, on-demand access, network-wide distribution, and intelligent analysis of video resources. The platform can provide video capabilities and services such as video surveillance live broadcast, cloud recording, cloud storage, video retrieval and review, intelligent alarm, platform cascading, clustering, electronic map, H.265 video automatic transcoding, and intelligent analysis.
Recently, we have optimized the style of the list on the left side of EasyCVR's video square. According to user feedback, at the project site, the list style on the left side of the video square on the platform is confusing and incomplete. Technicians immediately conducted an investigation.
Looking at the project, it is found that the style is abnormal because of the multi-level cascading nesting in the left list. Because the total width of the style is determined, but after each layer is cascaded, the next layer will be behind the previous layer.
As shown in the figure above, in the end, because of five or six or more layers, the width that the name of the middle channel can occupy is getting smaller and smaller, resulting in dislocation. Make the code clearer by optimizing the arrangement of the individual elements:
Add another style: overflow: visible;
In this way, the bottom of the list on the left can be moved to make it fully displayed without messing up the style.
