Looking to make the toolbar width smaller
I would like to make the toolbar width a bit smaller. Perhaps by making the icons smaller, smaller gap between the space the icons and tool type (such as Linked Maps), or getting rid of the tool type wording perhaps. Any suggestions would be greatly appreciated.
0
-
+1
Although the newer 2.10 viewer does have an option to swap to a more minimised toolset which is nice. I still think it would be nice to be able to more easily define the loof and feel of the tools. This can be done via some custom css stuff but it's still a pain to achieve.0 -
Liane,
Try this css. It's a good starting point. It works with the current 2.10 template, but the code has to be verified to work with any future updates. Place the code in the Desktop.css file located here:
...Sites/Your_Site_Name/Viewers/Your_Viewer_Name/VirtualDirectory/Resources/Styles/Custom/Desktop.css
Rick
/* ------Begin Group Tabbed Toolbar Modifications GVH 2.9 - 07-13-2017 */
/* Toolbar Tab - "Main...Find Data...Tasks...Mapping...Tools" */
ul.toolbar-tab-control li button {
padding: 0.3em 0.75em;
font-size: 1em;
}
/* Removes "Navigation, Find Data, Tasks...labels" from toolbar groups */
.toolbar-group h4 {
height: 0em;
font-size: 0em;
}
.toolbar-body.large .toolbar-group {
min-height: 4.5em;
padding-bottom: 0em;
}
.toolbar-item p, .toolbar-item label {
line-height: 1.5em;
margin: 0 0.3em 0em 0em;
}
.toolbar-group p, .toolbar-group label {
font-size: 0.85em;
}
.toolbar-item {
max-width: 15em;
}
.transient-toolbar {
padding: 0 0 0.15em 0;
margin: 0em 0em 0em 0em;
}
/* Distance Measurment Units Selectors Styling */
.toolbar-item.select-double select {
margin-top: 0.45em;
}
.toolbar-item.select-double select + select {
margin-top: 0.45em;
}
.select-double.toolbar-item select {
margin-top: 0.15em;
}
/* ------End Group Tabbed Toolbar Modifications GVH 2.9 - 07-13-2017 */
/* ------Begin Toolbar Toggle Button Styling------ */
.toolbar-toggle-button {
margin-top: 0px;
margin-right: 10px;
width: 63px;
height: 64px;
border: 1px solid #CECECE;
border-radius: 0.25rem;
position: relative;
z-index: 500;
cursor: pointer;
}
.no-touch .toolbar-toggle-button {
width: 63px;
height: 64px;
}
/* Toolbar toggle button hover */
.toolbar-toggle-button:hover {
border: 1px solid #86cee8;
background-color: #e9f6ff;
}
/* ------End Toolbar Toggle Button Styling------ */
/* ------Begin Toolbar Toggle Label Button Styling - 07-17-2017 */
.no-label .toolbar-actions li.toolbar-label-toggle {
padding: 0.3em 0;
}
.no-label .toolbar-action-button {
width: 2.5em;
height: 2.5em;
}
/* ------End Toolbar Toggle Label Button Styling- 07-17-2017 */0
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.
Kommentare
2 Kommentare