init
This commit is contained in:
shuhongfan
553
03-资料/产品相关文档/快递员端/快递员/plugins/sitemap/sitemap.js
Normal file
553
03-资料/产品相关文档/快递员端/快递员/plugins/sitemap/sitemap.js
Normal file
@@ -0,0 +1,553 @@
|
||||
var currentNodeUrl = '';
|
||||
var allNodeUrls = [];
|
||||
|
||||
var openNextPage = $axure.player.openNextPage = function () {
|
||||
var index = allNodeUrls.indexOf(currentNodeUrl) + 1;
|
||||
if(index >= allNodeUrls.length) return;
|
||||
var nextNodeUrl = allNodeUrls[index];
|
||||
currentNodeUrl = nextNodeUrl;
|
||||
$('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').parent().mousedown();
|
||||
};
|
||||
|
||||
var openPreviousPage = $axure.player.openPreviousPage = function () {
|
||||
var index = allNodeUrls.indexOf(currentNodeUrl) - 1;
|
||||
if(index < 0) return;
|
||||
var nextNodeUrl = allNodeUrls[index];
|
||||
currentNodeUrl = nextNodeUrl;
|
||||
$('.sitemapPageLink[nodeUrl="' + nextNodeUrl + '"]').parent().mousedown();
|
||||
};
|
||||
|
||||
// use this to isolate the scope
|
||||
(function() {
|
||||
|
||||
var SHOW_HIDE_ANIMATION_DURATION = 0;
|
||||
|
||||
var HIGHLIGHT_INTERACTIVE_VAR_NAME = 'hi';
|
||||
|
||||
var currentPageLoc = '';
|
||||
var currentPlayerLoc = '';
|
||||
var currentPageHashString = '';
|
||||
|
||||
$(window.document).ready(function() {
|
||||
$axure.player.createPluginHost({
|
||||
id: 'sitemapHost',
|
||||
context: 'project',
|
||||
title: 'Project Pages',
|
||||
gid: 1,
|
||||
});
|
||||
|
||||
$(window.document).bind('keyup', function (e) {
|
||||
if (e.target.localName == "textarea" || e.target.localName == "input") return;
|
||||
switch(e.which) {
|
||||
case 188:
|
||||
openPreviousPage();
|
||||
break;
|
||||
case 190:
|
||||
openNextPage();
|
||||
break;
|
||||
default: return; // exit this handler for other keys
|
||||
}
|
||||
});
|
||||
|
||||
generateSitemap();
|
||||
|
||||
$('.leftArrow').click(openPreviousPage);
|
||||
$('.rightArrow').click(openNextPage);
|
||||
|
||||
$('.sitemapPlusMinusLink').click(collapse_click);
|
||||
$('.sitemapPageLink').parent().mousedown(node_click);
|
||||
|
||||
$('#interfaceAdaptiveViewsListContainer').hide();
|
||||
|
||||
$('#projectOptionsShowHotspots').click(showHotspots_click);
|
||||
$('#searchIcon').click(searchBoxClose_click);
|
||||
$('#searchDiv').click(searchBoxExpand_click);
|
||||
$('#searchBox').keyup(search_input_keyup);
|
||||
|
||||
// bind to the page load
|
||||
$axure.page.bind('load.sitemap', function() {
|
||||
currentPageLoc = $axure.page.location.split("#")[0];
|
||||
var decodedPageLoc = decodeURI(currentPageLoc);
|
||||
currentNodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/') ? decodedPageLoc.lastIndexOf('/') + 1 : 0);
|
||||
currentPlayerLoc = $(location).attr('href').split("#")[0].split("?")[0];
|
||||
currentPageHashString = '#p=' + currentNodeUrl.substr(0, currentNodeUrl.lastIndexOf('.'));
|
||||
|
||||
$axure.player.setVarInCurrentUrlHash(PAGE_ID_NAME, $axure.player.getPageIdByUrl(currentNodeUrl));
|
||||
$axure.player.setVarInCurrentUrlHash(PAGE_URL_NAME, currentNodeUrl.substring(0, currentNodeUrl.lastIndexOf('.html')));
|
||||
|
||||
$('#sitemapTreeContainer').find('.sitemapHighlight').removeClass('sitemapHighlight');
|
||||
$('.sitemapPageLink[nodeUrl="' + currentNodeUrl + '"]').parent().parent().addClass('sitemapHighlight');
|
||||
|
||||
var pageName = $axure.page.pageName;
|
||||
$('.pageNameHeader').html(pageName);
|
||||
|
||||
//If highlight var is present and set to 1 or else if
|
||||
//sitemap highlight button is selected then highlight interactive elements
|
||||
var hiVal = $axure.player.getHashStringVar(HIGHLIGHT_INTERACTIVE_VAR_NAME);
|
||||
if(hiVal.length > 0 && hiVal == 1) {
|
||||
$('#showHotspotsOption').find('.overflowOptionCheckbox').addClass('selected');
|
||||
if ($('#projectOptionsHotspotsCheckbox').length > 0) $('#projectOptionsHotspotsCheckbox').addClass('selected');
|
||||
$axure.messageCenter.postMessage('highlightInteractive', true);
|
||||
} else if ($('#showHotspotsOption').find('.overflowOptionCheckbox').hasClass('selected')) {
|
||||
$axure.messageCenter.postMessage('highlightInteractive', true);
|
||||
}
|
||||
|
||||
generateAdaptiveViews(false);
|
||||
if (MOBILE_DEVICE) generateAdaptiveViews(true);
|
||||
|
||||
$axure.player.suspendRefreshViewPort = true;
|
||||
|
||||
//Set the current view if it is defined in the hash string
|
||||
//If the view is invalid, set it to 'auto' in the string
|
||||
//ELSE set the view based on the currently selected view in the toolbar menu
|
||||
var viewStr = $axure.player.getHashStringVar(ADAPTIVE_VIEW_VAR_NAME);
|
||||
if(viewStr.length > 0) {
|
||||
var $view = $('.adaptiveViewOption[val="' + viewStr + '"]');
|
||||
if($view.length > 0) $view.click();
|
||||
else $('.adaptiveViewOption[val="auto"]').click();
|
||||
} else if($('.selectedRadioButton').length > 0) {
|
||||
var $viewOption = $('.selectedRadioButton').parents('.adaptiveViewOption');
|
||||
$viewOption.click();
|
||||
}
|
||||
updateAdaptiveViewHeader();
|
||||
|
||||
function setDefaultScaleForDevice() {
|
||||
if(MOBILE_DEVICE && $axure.player.isMobileMode()) {
|
||||
$('.projectOptionsScaleRow[val="0"]').click();
|
||||
} else {
|
||||
$('.vpScaleOption[val="0"]').click();
|
||||
}
|
||||
}
|
||||
|
||||
var scaleStr = $axure.player.getHashStringVar(SCALE_VAR_NAME);
|
||||
if(scaleStr.length > 0) {
|
||||
var $scale = $('.vpScaleOption[val="' + scaleStr + '"]');
|
||||
if($scale.length > 0) $scale.click();
|
||||
else setDefaultScaleForDevice();
|
||||
} else {
|
||||
setDefaultScaleForDevice();
|
||||
}
|
||||
|
||||
var rotateStr = $axure.player.getHashStringVar(ROT_VAR_NAME);
|
||||
if(rotateStr.length > 0) {
|
||||
$('#vpRotate').prop('checked', true);
|
||||
}
|
||||
|
||||
$axure.player.suspendRefreshViewPort = false;
|
||||
|
||||
if (!$axure.player.isViewOverridden()) $axure.messageCenter.postMessage('setAdaptiveViewForSize', { 'width': $('#mainPanel').width(), 'height': $('#mainPanel').height() });
|
||||
|
||||
$axure.player.refreshViewPort();
|
||||
|
||||
$axure.messageCenter.postMessage('finishInit');
|
||||
|
||||
showMainPanel();
|
||||
return false;
|
||||
});
|
||||
|
||||
var $vpContainer = $('#interfaceScaleListContainer');
|
||||
|
||||
var scaleOptions = '<div class="vpScaleOption" val="0"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Default Scale</div>';
|
||||
scaleOptions += '<div class="vpScaleOption" val="1"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to Width</div>';
|
||||
scaleOptions += '<div class="vpScaleOption" val="2"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to Fit</div>';
|
||||
$(scaleOptions).appendTo($vpContainer);
|
||||
|
||||
$('#overflowMenuContainer').append('<div id="showHotspotsOption" class="showOption" style="order: 1"><div class="overflowOptionCheckbox"></div>Show Hotspots</div>');
|
||||
$('#overflowMenuContainer').append($vpContainer);
|
||||
$vpContainer.show();
|
||||
|
||||
$('#showHotspotsOption').click(showHotspots_click);
|
||||
$('.vpScaleOption').click(vpScaleOption_click);
|
||||
$('.vpScaleOption').mouseup(function (event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
|
||||
if (MOBILE_DEVICE) {
|
||||
var scaleOptions = '<div class="projectOptionsScaleRow" val="1"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Scale to fit width</div>';
|
||||
scaleOptions += '<div class="projectOptionsScaleRow" val="0"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Original size (100%)</div>';
|
||||
scaleOptions += '<div class="projectOptionsScaleRow" val="2" style="border-bottom: solid 1px #c7c7c7"><div class="scaleRadioButton"><div class="selectedRadioButtonFill"></div></div>Fit all to screen</div>';
|
||||
$(scaleOptions).appendTo($('#projectOptionsScaleContainer'));
|
||||
|
||||
$('.projectOptionsScaleRow').click(vpScaleOption_click);
|
||||
}
|
||||
|
||||
$('#searchBox').focusin(function() {
|
||||
if($(this).is('.searchBoxHint')) {
|
||||
$(this).val('');
|
||||
$(this).removeClass('searchBoxHint');
|
||||
}
|
||||
}).focusout(function() {
|
||||
if($(this).val() == '') {
|
||||
$(this).addClass('searchBoxHint');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$('#searchBox').focusout();
|
||||
});
|
||||
|
||||
var _formatViewDimension = function(dim) {
|
||||
if(dim == 0) return 'any';
|
||||
if(dim.toString().includes('.')) return dim.toFixed(2);
|
||||
return dim;
|
||||
};
|
||||
|
||||
function generateAdaptiveViews(forProjectOptions) {
|
||||
var $container = forProjectOptions ? $('#projectOptionsAdaptiveViewsContainer') : $('#interfaceAdaptiveViewsListContainer');
|
||||
var $viewSelect = forProjectOptions ? $('#projectOptionsViewSelect') : $('#viewSelect');
|
||||
var adaptiveViewOptionClass = forProjectOptions ? 'projectOptionsAdaptiveViewRow' : 'adaptiveViewOption';
|
||||
var currentViewClass = forProjectOptions ? '' : 'currentAdaptiveView';
|
||||
|
||||
$container.empty();
|
||||
$viewSelect.empty();
|
||||
|
||||
//Fill out adaptive view container with prototype's defined adaptive views, as well as the default, and Auto
|
||||
var viewsList = '<div class="' + adaptiveViewOptionClass + '" val="auto"><div class="adapViewRadioButton selectedRadioButton"><div class="selectedRadioButtonFill"></div></div>Adaptive</div>';
|
||||
var viewSelect = '<option value="auto">Adaptive</option>';
|
||||
if (typeof $axure.page.defaultAdaptiveView.name != 'undefined') {
|
||||
//If the name is a blank string, make the view name the width if non-zero, else 'any'
|
||||
var defaultView = $axure.page.defaultAdaptiveView;
|
||||
var defaultViewName = defaultView.name;
|
||||
|
||||
var widthString = _formatViewDimension(defaultView.size.width);
|
||||
var heightString = _formatViewDimension(defaultView.size.height);
|
||||
|
||||
var viewString = defaultViewName + ' (' + widthString + ' x ' + heightString + ')';
|
||||
|
||||
viewsList += '<div class="' + adaptiveViewOptionClass + ' ' + currentViewClass + '" val="default"data-dim="' + defaultView.size.width + 'x' + defaultView.size.height + '">' +
|
||||
'<div class="adapViewRadioButton"><div class="selectedRadioButtonFill"></div></div>' + viewString + '</div>';
|
||||
viewSelect += '<option value="default">' + viewString + '</option>';
|
||||
}
|
||||
|
||||
var useViews = $axure.document.configuration.useViews;
|
||||
var hasViews = false;
|
||||
if(useViews) {
|
||||
for(var viewIndex = 0; viewIndex < $axure.page.adaptiveViews.length; viewIndex++) {
|
||||
var currView = $axure.page.adaptiveViews[viewIndex];
|
||||
|
||||
var widthString = _formatViewDimension(currView.size.width);
|
||||
var heightString = _formatViewDimension(currView.size.height);
|
||||
|
||||
var viewString = currView.name + ' (' + widthString + ' x ' + heightString + ')';
|
||||
viewsList += '<div class="' + adaptiveViewOptionClass +
|
||||
((forProjectOptions && (viewIndex == $axure.page.adaptiveViews.length - 1)) ? '" style="border-bottom: solid 1px #c7c7c7; margin-bottom: 15px;' : '') +
|
||||
'" val="' +
|
||||
currView.id +
|
||||
'" data-dim="' +
|
||||
currView.size.width +
|
||||
'x' +
|
||||
currView.size.height +
|
||||
'"><div class="adapViewRadioButton"><div class="selectedRadioButtonFill"></div></div>' +
|
||||
viewString +
|
||||
'</div>';
|
||||
viewSelect += '<option value="' + currView.id + '">' + viewString + '</option>';
|
||||
|
||||
hasViews = true;
|
||||
}
|
||||
}
|
||||
|
||||
$container.append(viewsList);
|
||||
$viewSelect.append(viewSelect);
|
||||
|
||||
if (!hasViews) {
|
||||
if (forProjectOptions) {
|
||||
$('#projectOptionsAdaptiveViewsHeader').hide();
|
||||
$('#projectOptionsAdaptiveViewsContainer').hide();
|
||||
} else $('#interfaceAdaptiveViewsContainer').hide();
|
||||
} else {
|
||||
if (forProjectOptions) {
|
||||
$('#projectOptionsAdaptiveViewsHeader').show();
|
||||
$('#projectOptionsAdaptiveViewsContainer').show();
|
||||
} else $('#interfaceAdaptiveViewsContainer').show();
|
||||
}
|
||||
|
||||
$(('.' + adaptiveViewOptionClass)).click(adaptiveViewOption_click);
|
||||
|
||||
if (!forProjectOptions) {
|
||||
$(('.' + adaptiveViewOptionClass)).mouseup(function (event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function collapse_click(event) {
|
||||
if($(this).children('.sitemapPlus').length > 0) {
|
||||
expand_click($(this));
|
||||
} else {
|
||||
$(this)
|
||||
.children('.sitemapMinus').removeClass('sitemapMinus').addClass('sitemapPlus').end()
|
||||
.closest('li').children('ul').hide(SHOW_HIDE_ANIMATION_DURATION);
|
||||
}
|
||||
event.stopPropagation();
|
||||
}
|
||||
|
||||
function expand_click($this) {
|
||||
$this
|
||||
.children('.sitemapPlus').removeClass('sitemapPlus').addClass('sitemapMinus').end()
|
||||
.closest('li').children('ul').show(SHOW_HIDE_ANIMATION_DURATION);
|
||||
}
|
||||
|
||||
function searchBoxExpand_click(event) {
|
||||
if (!$('#searchIcon').hasClass('sitemapToolbarButtonSelected')) {
|
||||
$('#searchIcon').addClass('sitemapToolbarButtonSelected')
|
||||
$('#searchBox').width(0);
|
||||
$('#searchBox').show();
|
||||
$('#searchBox').animate({ width: '95%' }, { duration: 200, complete: function () { $('#searchBox').focus(); } });
|
||||
}
|
||||
}
|
||||
|
||||
function searchBoxClose_click(event) {
|
||||
if ($('#searchIcon').hasClass('sitemapToolbarButtonSelected')) {
|
||||
$('#searchBox').animate({ width: '0%' }, { duration: 200,
|
||||
complete: function () {
|
||||
$('#searchBox').hide();
|
||||
$('#searchIcon').removeClass('sitemapToolbarButtonSelected')
|
||||
}});
|
||||
$('#searchBox').val('');
|
||||
$('#searchBox').keyup();
|
||||
}
|
||||
}
|
||||
|
||||
function node_click(event) {
|
||||
hideMainPanel();
|
||||
$('#sitemapTreeContainer').find('.sitemapHighlight').removeClass('sitemapHighlight');
|
||||
$(this).parent().addClass('sitemapHighlight');
|
||||
$axure.page.navigate($(this).children('.sitemapPageLink')[0].getAttribute('nodeUrl'), true);
|
||||
}
|
||||
|
||||
function hideMainPanel() {
|
||||
$('#mainPanel').css('opacity', '0');
|
||||
$('#clippingBounds').css('opacity', '0');
|
||||
}
|
||||
function showMainPanel() {
|
||||
$('#mainPanel').animate({ opacity: 1 }, 10);
|
||||
$('#clippingBounds').animate({ opacity: 1 }, 10);
|
||||
}
|
||||
|
||||
$axure.messageCenter.addMessageListener(function(message, data) {
|
||||
if(message == 'adaptiveViewChange') {
|
||||
$('.adaptiveViewOption').removeClass('currentAdaptiveView');
|
||||
if(data.viewId) {$('.adaptiveViewOption[val="' + data.viewId + '"]').addClass('currentAdaptiveView');}
|
||||
else $('.adaptiveViewOption[val="default"]').addClass('currentAdaptiveView');
|
||||
|
||||
//when we set adaptive view through user event, we want to update the checkmark on sitemap
|
||||
if(data.forceSwitchTo) {
|
||||
$('.adapViewRadioButton').find('.selectedRadioButtonFill').hide();
|
||||
$('.adapViewRadioButton').removeClass('selectedRadioButton');
|
||||
$('div[val="' + data.forceSwitchTo + '"]').find('.adapViewRadioButton').addClass('selectedRadioButton');
|
||||
$('div[val="' + data.forceSwitchTo + '"]').find('.selectedRadioButtonFill').show();
|
||||
}
|
||||
|
||||
updateAdaptiveViewHeader();
|
||||
$axure.player.refreshViewPort();
|
||||
|
||||
} else if(message == 'previousPage') {
|
||||
openPreviousPage();
|
||||
} else if(message == 'nextPage') {
|
||||
openNextPage();
|
||||
}
|
||||
});
|
||||
|
||||
$axure.player.toggleHotspots = function (val) {
|
||||
var overflowMenuCheckbox = $('#showHotspotsOption').find('.overflowOptionCheckbox');
|
||||
if ($(overflowMenuCheckbox).hasClass('selected')) {
|
||||
if (!val) $('#showHotspotsOption').click();
|
||||
} else {
|
||||
if (val) $('#showHotspotsOption').click();
|
||||
}
|
||||
}
|
||||
|
||||
function showHotspots_click(event) {
|
||||
var overflowMenuCheckbox = $('#showHotspotsOption').find('.overflowOptionCheckbox');
|
||||
var projOptionsCheckbox = $('#projectOptionsHotspotsCheckbox');
|
||||
|
||||
if ($(overflowMenuCheckbox).hasClass('selected')) {
|
||||
overflowMenuCheckbox.removeClass('selected');
|
||||
if (projOptionsCheckbox.length > 0 ) projOptionsCheckbox.removeClass('selected');
|
||||
$axure.messageCenter.postMessage('highlightInteractive', false);
|
||||
//Delete 'hi' hash string var if it exists since default is unselected
|
||||
$axure.player.deleteVarFromCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME);
|
||||
} else {
|
||||
overflowMenuCheckbox.addClass('selected');
|
||||
if (projOptionsCheckbox.length > 0) projOptionsCheckbox.addClass('selected');
|
||||
$axure.messageCenter.postMessage('highlightInteractive', true);
|
||||
//Add 'hi' hash string var so that stay highlighted across reloads
|
||||
$axure.player.setVarInCurrentUrlHash(HIGHLIGHT_INTERACTIVE_VAR_NAME, 1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function adaptiveViewOption_click(event) {
|
||||
var currVal = $(this).attr('val');
|
||||
|
||||
$('.adaptiveViewOption').removeClass('currentAdaptiveView');
|
||||
if(currVal) {$('.adaptiveViewOption[val="' + currVal + '"]').addClass('currentAdaptiveView');}
|
||||
else $('.adaptiveViewOption[val="default"]').addClass('currentAdaptiveView');
|
||||
|
||||
$('.adapViewRadioButton').find('.selectedRadioButtonFill').hide();
|
||||
$('.adapViewRadioButton').removeClass('selectedRadioButton');
|
||||
$('div[val="' + currVal + '"]').find('.adapViewRadioButton').addClass('selectedRadioButton');
|
||||
$('div[val="' + currVal + '"]').find('.selectedRadioButtonFill').show();
|
||||
|
||||
selectAdaptiveView(currVal);
|
||||
$axure.player.closePopup();
|
||||
updateAdaptiveViewHeader();
|
||||
}
|
||||
|
||||
var selectAdaptiveView = $axure.player.selectAdaptiveView = function(currVal) {
|
||||
if (currVal == 'auto') {
|
||||
$axure.messageCenter.postMessage('setAdaptiveViewForSize', { 'width': $('#mainPanel').width(), 'height': $('#mainPanel').height() });
|
||||
$axure.player.deleteVarFromCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME);
|
||||
} else {
|
||||
currentPageLoc = $axure.page.location.split("#")[0];
|
||||
var decodedPageLoc = decodeURI(currentPageLoc);
|
||||
var nodeUrl = decodedPageLoc.substr(decodedPageLoc.lastIndexOf('/')
|
||||
? decodedPageLoc.lastIndexOf('/') + 1
|
||||
: 0);
|
||||
var adaptiveData = {
|
||||
src: nodeUrl
|
||||
};
|
||||
|
||||
adaptiveData.view = currVal;
|
||||
$axure.messageCenter.postMessage('switchAdaptiveView', adaptiveData);
|
||||
$axure.player.setVarInCurrentUrlHash(ADAPTIVE_VIEW_VAR_NAME, currVal);
|
||||
}
|
||||
}
|
||||
|
||||
$axure.player.updateAdaptiveViewHeader = updateAdaptiveViewHeader = function () {
|
||||
var hasDefinedDim = true;
|
||||
var dimensionlessViewStr = '(any x any)';
|
||||
|
||||
var viewString = $('.adaptiveViewOption.currentAdaptiveView').text();
|
||||
if (viewString != null && viewString.indexOf(dimensionlessViewStr) >= 0) hasDefinedDim = false;
|
||||
|
||||
if (!hasDefinedDim) {
|
||||
var viewName = viewString.substring(0, viewString.lastIndexOf(' ('));
|
||||
var widthString = $('#mainPanelContainer').width();
|
||||
viewString = viewName + ' (' + widthString + ' x any)';
|
||||
}
|
||||
|
||||
$('.adaptiveViewHeader').html(viewString);
|
||||
}
|
||||
|
||||
$axure.player.selectScaleOption = function (scaleVal) {
|
||||
var $scale = $('.vpScaleOption[val="' + scaleVal + '"]');
|
||||
if ($scale.length > 0) $scale.click();
|
||||
}
|
||||
|
||||
function vpScaleOption_click(event) {
|
||||
var scaleCheckDiv = $(this).find('.scaleRadioButton');
|
||||
var scaleVal = $(this).attr('val');
|
||||
if (scaleCheckDiv.hasClass('selectedRadioButton')) return false;
|
||||
|
||||
var $selectedScaleOption = $('.vpScaleOption[val="' + scaleVal + '"], .projectOptionsScaleRow[val="' + scaleVal + '"]');
|
||||
var $allScaleOptions = $('.vpScaleOption, .projectOptionsScaleRow');
|
||||
$allScaleOptions.find('.scaleRadioButton').removeClass('selectedRadioButton');
|
||||
$allScaleOptions.find('.selectedRadioButtonFill').hide();
|
||||
$selectedScaleOption.find('.scaleRadioButton').addClass('selectedRadioButton');
|
||||
$selectedScaleOption.find('.selectedRadioButtonFill').show();
|
||||
|
||||
if (scaleVal == '0') {
|
||||
$axure.player.deleteVarFromCurrentUrlHash(SCALE_VAR_NAME);
|
||||
} else if (typeof scaleVal !== 'undefined') {
|
||||
$axure.player.setVarInCurrentUrlHash(SCALE_VAR_NAME, scaleVal);
|
||||
}
|
||||
|
||||
$axure.player.refreshViewPort();
|
||||
}
|
||||
|
||||
function search_input_keyup(event) {
|
||||
var searchVal = $(this).val().toLowerCase();
|
||||
//If empty search field, show all nodes, else grey+hide all nodes and
|
||||
//ungrey+unhide all matching nodes, as well as unhide their parent nodes
|
||||
if(searchVal == '') {
|
||||
$('.sitemapPageName').removeClass('sitemapGreyedName');
|
||||
$('.sitemapNode').show();
|
||||
} else {
|
||||
$('.sitemapNode').hide();
|
||||
|
||||
$('.sitemapPageName').addClass('sitemapGreyedName').each(function() {
|
||||
var nodeName = $(this).text().toLowerCase();
|
||||
if(nodeName.indexOf(searchVal) != -1) {
|
||||
$(this).removeClass('sitemapGreyedName').parents('.sitemapNode:first').show().parents('.sitemapExpandableNode').show();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function generateSitemap() {
|
||||
var treeUl = "<div id='sitemapHeader'' class='sitemapHeader'>";
|
||||
treeUl += "<div id='sitemapToolbar' class='sitemapToolbar'>";
|
||||
|
||||
treeUl += '<div id="searchDiv"><span id="searchIcon" class="sitemapToolbarButton"></span><input id="searchBox" type="text"/></div>';
|
||||
treeUl += "<div class='leftArrow sitemapToolbarButton'></div>";
|
||||
treeUl += "<div class='rightArrow sitemapToolbarButton'></div>";
|
||||
|
||||
treeUl += "</div>";
|
||||
treeUl += "</div>";
|
||||
|
||||
///////////////////
|
||||
|
||||
var sitemapTitle = $axure.player.getProjectName();
|
||||
if (!sitemapTitle) sitemapTitle = "Pages";
|
||||
treeUl += "<div class='sitemapPluginNameHeader pluginNameHeader'>" + sitemapTitle + "</div>";
|
||||
|
||||
treeUl += "<div id='sitemapTreeContainer'>";
|
||||
treeUl += "<ul class='sitemapTree' style='clear:both;'>";
|
||||
var rootNodes = $axure.document.sitemap.rootNodes;
|
||||
for(var i = 0; i < rootNodes.length; i++) {
|
||||
treeUl += generateNode(rootNodes[i], 0);
|
||||
}
|
||||
treeUl += "</ul></div>";
|
||||
|
||||
if (!MOBILE_DEVICE) {
|
||||
treeUl += "<div id='changePageInstructions' class='pageSwapInstructions'>Use ";
|
||||
treeUl += '<span class="backKeys"></span>';
|
||||
treeUl += " and ";
|
||||
treeUl += '<span class="forwardKeys"></span>';
|
||||
treeUl += " keys<br>to move between pages";
|
||||
treeUl += "</div>";
|
||||
}
|
||||
|
||||
$('#sitemapHost').html(treeUl);
|
||||
}
|
||||
|
||||
function generateNode(node, level) {
|
||||
var hasChildren = (node.children && node.children.length > 0);
|
||||
var margin, returnVal;
|
||||
if(hasChildren) {
|
||||
margin = (9 + level * 17);
|
||||
returnVal = "<li class='sitemapNode sitemapExpandableNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'><a class='sitemapPlusMinusLink'><span class='sitemapMinus'></span></a>";
|
||||
} else {
|
||||
margin = (19 + level * 17);
|
||||
returnVal = "<li class='sitemapNode sitemapLeafNode'><div><div class='sitemapPageLinkContainer' style='margin-left:" + margin + "px'>";
|
||||
}
|
||||
|
||||
var isFolder = node.type == "Folder";
|
||||
if(!isFolder) {
|
||||
returnVal += "<a class='sitemapPageLink' nodeUrl='" + node.url + "'>";
|
||||
allNodeUrls.push(node.url);
|
||||
}
|
||||
returnVal += "<span class='sitemapPageIcon";
|
||||
if(isFolder) { returnVal += " sitemapFolderIcon"; }
|
||||
|
||||
returnVal += "'></span><span class='sitemapPageName'>";
|
||||
returnVal += $('<div/>').text(node.pageName).html();
|
||||
returnVal += "</span>";
|
||||
if(!isFolder) returnVal += "</a>";
|
||||
returnVal += "</div></div>";
|
||||
|
||||
if(hasChildren) {
|
||||
returnVal += "<ul>";
|
||||
for(var i = 0; i < node.children.length; i++) {
|
||||
var child = node.children[i];
|
||||
returnVal += generateNode(child, level + 1);
|
||||
}
|
||||
returnVal += "</ul>";
|
||||
}
|
||||
returnVal += "</li>";
|
||||
return returnVal;
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<rect width="18" height="18" x="1" y="1" stroke="#E1E0E0" stroke-width="2" rx="4"/>
|
||||
<rect width="19" height="19" x=".5" y=".5" stroke="#979797" rx="4"/>
|
||||
<path fill="#666" d="M9 5V4L4.448 6.5v1L9 9.5v-1C6.733 7.513 5.567 7.013 5.5 7c.069-.017 1.235-.683 3.5-2zM5.292 14.262a.675.675 0 0 1 .195-.477.676.676 0 0 1 .225-.147.753.753 0 0 1 .288-.054c.12 0 .227.022.321.066a.641.641 0 0 1 .234.183.827.827 0 0 1 .141.27c.032.102.048.213.048.333 0 .18-.026.367-.078.561a2.996 2.996 0 0 1-.222.576 3.439 3.439 0 0 1-.84 1.053l-.18-.174a.222.222 0 0 1-.078-.168c0-.052.028-.106.084-.162.04-.044.091-.103.153-.177s.125-.159.189-.255.123-.202.177-.318c.054-.116.093-.24.117-.372h-.078a.709.709 0 0 1-.282-.054.647.647 0 0 1-.219-.153.698.698 0 0 1-.144-.234.834.834 0 0 1-.051-.297z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 940 B |
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="5px" height="8px" viewBox="0 0 5 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>open item copy</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Tree-item" transform="translate(-6.000000, -9.000000)" fill="#8C8C8C">
|
||||
<g id="closed-item" transform="translate(5.062500, 9.000000)">
|
||||
<polygon id="Rectangle-13" transform="translate(3.500000, 4.000000) rotate(-90.000000) translate(-3.500000, -4.000000) " points="0 1.6 7 1.6 3.5 6.4"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 820 B |
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">
|
||||
<g fill="#138CDE" fill-rule="evenodd">
|
||||
<path d="M2 4.061h11v8.485H2z"/>
|
||||
<path d="M2 3h4.583v3.182H2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 224 B |
@@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<rect width="18" height="18" x="1" y="1" stroke="#E1E0E0" stroke-width="2" rx="4"/>
|
||||
<rect width="19" height="19" x=".5" y=".5" stroke="#979797" rx="4"/>
|
||||
<path fill="#666" d="M4.448 8.5v1L9 7V6L4.448 4v1c2.267.987 3.433 1.487 3.5 1.5-.069.017-1.235.683-3.5 2z"/>
|
||||
<text fill="#666" font-family="Lato-Regular, Lato" font-size="12">
|
||||
<tspan x="4.728" y="16">.</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 563 B |
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11">
|
||||
<path fill="#6D6D6D" fill-rule="evenodd" d="M5.5 11L0 5.5 5.5 0v2L2 5.5 5.5 9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 175 B |
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="9px" height="10px" viewBox="0 0 9 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>open item</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="open-item" fill="#8C8C8C">
|
||||
<polygon id="Rectangle-13" points="0 0 9 0 4.5 6"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 577 B |
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="11" viewBox="0 0 9 11">
|
||||
<g fill="none" fill-rule="evenodd" stroke="#979797">
|
||||
<path d="M.5.5h8v10h-8z"/>
|
||||
<path stroke-linecap="square" d="M2.5 7.5h4M2.5 3.5h4M2.5 5.5h4"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 265 B |
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11">
|
||||
<path fill="#6D6D6D" fill-rule="evenodd" d="M.5 11L6 5.5.5 0v2L4 5.5.5 9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 170 B |
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
|
||||
<g fill="none" fill-rule="evenodd" stroke="#018DCC" transform="translate(1 1)">
|
||||
<path stroke-linecap="square" d="M6.5 6.5l2.791 2.865"/>
|
||||
<circle cx="3.5" cy="3.5" r="3.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 293 B |
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11">
|
||||
<g fill="none" fill-rule="evenodd" stroke="#535353" transform="translate(1 1)">
|
||||
<path stroke-linecap="square" d="M6.5 6.5l2.791 2.865"/>
|
||||
<circle cx="3.5" cy="3.5" r="3.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 293 B |
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
|
||||
<path fill="#008DCB" fill-rule="nonzero" d="M14.965 6C15.532 6 16 6.433 16 7s-.434 1-1.002 1H1.002A.983.983 0 0 1 0 7c0-.567.434-1 1.002-1h13.963zm-4.001 6c.568 0 1.036.433 1.036 1s-.435 1-1.003 1H1.003A.984.984 0 0 1 0 13c0-.567.435-1 1.003-1h9.96zM1.003 2A.984.984 0 0 1 0 1c0-.567.435-1 1.003-1h9.994A.984.984 0 0 1 12 1c0 .567-.435 1-1.003 1H1.003z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 451 B |
@@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
|
||||
<path fill="#6D6D6D" fill-rule="nonzero" d="M14.965 6C15.532 6 16 6.433 16 7s-.434 1-1.002 1H1.002A.983.983 0 0 1 0 7c0-.567.434-1 1.002-1h13.963zm-4.001 6c.568 0 1.036.433 1.036 1s-.435 1-1.003 1H1.003A.984.984 0 0 1 0 13c0-.567.435-1 1.003-1h9.96zM1.003 2A.984.984 0 0 1 0 1c0-.567.435-1 1.003-1h9.994A.984.984 0 0 1 12 1c0 .567-.435 1-1.003 1H1.003z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 451 B |
380
03-资料/产品相关文档/快递员端/快递员/plugins/sitemap/styles/sitemap.css
Normal file
380
03-资料/产品相关文档/快递员端/快递员/plugins/sitemap/styles/sitemap.css
Normal file
@@ -0,0 +1,380 @@
|
||||
|
||||
#sitemapHost {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#sitemapHostBtn a {
|
||||
background: url('images/sitemap_panel_on.svg') no-repeat center center, linear-gradient(transparent, transparent);
|
||||
}
|
||||
|
||||
#sitemapHostBtn a.selected, #sitemapHostBtn a.selected:hover {
|
||||
background: url('images/sitemap_panel_off.svg') no-repeat center center, linear-gradient(transparent, transparent);
|
||||
}
|
||||
|
||||
#sitemapHost .pageButtonHeader {
|
||||
top: -27px;
|
||||
}
|
||||
|
||||
#sitemapTreeContainer {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.mobileMode #sitemapTreeContainer {
|
||||
margin-left: 5px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.sitemapTree {
|
||||
margin: 0px 0px 10px 0px;
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
.sitemapTree ul {
|
||||
list-style-type: none;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
ul.sitemapTree {
|
||||
display: inline-block;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.pageSwapInstructions {
|
||||
width: 129px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #8c8c8c;
|
||||
margin: 0 auto;
|
||||
padding: 12px 0px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sitemapMinus, .sitemapPlus {
|
||||
vertical-align:middle;
|
||||
background-repeat: no-repeat;
|
||||
margin-right: 3px;
|
||||
width: 7px;
|
||||
height: 8px;
|
||||
object-fit: contain;
|
||||
display:inline-block;
|
||||
}
|
||||
.sitemapMinus {
|
||||
margin-bottom: 0px;
|
||||
background: url('images/open_item.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
.sitemapPlus {
|
||||
margin-bottom: 2px;
|
||||
background: url('images/closed_item.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
.mobileMode .sitemapMinus, .mobileMode .sitemapPlus {
|
||||
width: 10.5px;
|
||||
height: 12px;
|
||||
margin-right: 5px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.sitemapPageLink {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.sitemapPageIcon {
|
||||
margin: 0px 6px -3px 3px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
background: url('images/page_lt_grey.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
.mobileMode .sitemapPageIcon {
|
||||
margin-right: 7px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.sitemapFolderIcon {
|
||||
background: url('images/folder_closed_blue.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
.mobileMode .sitemapFolderIcon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-left: 1px;
|
||||
background-position-y: 1px;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.sitemapFolderOpenIcon {
|
||||
background: url('images/folder_open.png') no-repeat center center;
|
||||
background: url('images/folder_open.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
.sitemapPageName {
|
||||
font-size: 14px;
|
||||
line-height: 1.93;
|
||||
color: #4a4a4a;
|
||||
}
|
||||
|
||||
.sitemapPageName.mobileText {
|
||||
line-height: 1.69;
|
||||
}
|
||||
|
||||
.sitemapNode {
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.sitemapPageLinkContainer {
|
||||
cursor: pointer;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.mobileMode .sitemapPageLinkContainer {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
|
||||
.sitemapHighlight {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.sitemapGreyedName
|
||||
{
|
||||
color: #AAA;
|
||||
}
|
||||
|
||||
.sitemapPluginNameHeader {
|
||||
margin: 13px 9px 5px 9px;
|
||||
font-size: 14px;
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
.sitemapHeader {
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.mobileMode .sitemapHeader {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.sitemapToolbar {
|
||||
margin: 0px 3px 0px 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.sitemapToolbarButton {
|
||||
width: 19px;
|
||||
height: 18px;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.hashover .sitemapToolbarButton:hover {
|
||||
border-radius: 3px;
|
||||
background-color: #e6e6e6 !important;
|
||||
}
|
||||
|
||||
.sitemapToolbarButton.sitemapToolbarButtonSelected, .sitemapToolbarButton.sitemapToolbarButtonSelected:hover{
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.leftArrow {
|
||||
background: url('images/left_arrow.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
.rightArrow {
|
||||
background: url('images/right_arrow.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
margin-left: 3px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
#searchIcon {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
object-fit: contain;
|
||||
background: url('images/search_on.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
vertical-align: bottom;
|
||||
padding: 5px 4px 5px 4px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#searchIcon.sitemapToolbarButtonSelected {
|
||||
padding: 5px 3px 5px 5px;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
border-left: solid 1px #cccccc;
|
||||
border-top: solid 1px #cccccc;
|
||||
border-bottom: solid 1px #cccccc;
|
||||
background: url('images/search_off.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.backKeys {
|
||||
width: 20px;
|
||||
height: 21px;
|
||||
object-fit: contain;
|
||||
vertical-align: bottom;
|
||||
margin: 2px;
|
||||
display: inline-block;
|
||||
background: url('images/back_keys.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
.forwardKeys {
|
||||
width: 20px;
|
||||
height: 21px;
|
||||
object-fit: contain;
|
||||
vertical-align: bottom;
|
||||
margin: 2px;
|
||||
display: inline-block;
|
||||
background: url('images/forward_keys.svg') no-repeat center center, linear-gradient(transparent,transparent);
|
||||
}
|
||||
|
||||
#interfaceAdaptiveViewsListContainer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
width: 220px;
|
||||
left: 155px;
|
||||
padding: 6px 9px;
|
||||
top: 36px;
|
||||
}
|
||||
|
||||
#interfaceScaleListContainer {
|
||||
padding: 7.5px 9px 12px 16px;
|
||||
margin-top: 9px;
|
||||
border-top: solid 1px #bdbcbc;
|
||||
order: 10;
|
||||
}
|
||||
|
||||
.adaptiveViewOption, .vpPresetOption, .vpScaleOption {
|
||||
padding: 3px 0px 3px 0px;
|
||||
color: #3B3B3B;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.projectOptionsScaleRow, .projectOptionsAdaptiveViewRow, .projectOptionsHotspotsRow {
|
||||
border-top: solid 1px #c7c7c7;
|
||||
display: flex;
|
||||
padding: 13px 7px 13px 0px;
|
||||
}
|
||||
|
||||
.adaptiveViewOption:hover, .vpScaleOption:hover, .vpPresetOption:hover, .projectOptionsAdaptiveViewRow:hover, .projectOptionsScaleRow:hover
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.scaleRadioButton, .adapViewRadioButton {
|
||||
border: solid 1px #8c8c8c;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 48px;
|
||||
margin-right: 12px;
|
||||
top: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.mobileMode .scaleRadioButton, .mobileMode .adapViewRadioButton {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 60px;
|
||||
margin-right: 22px;
|
||||
margin-left: 22px;
|
||||
top: 0px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.selectedRadioButton {
|
||||
border: solid 1px #20aca9;
|
||||
}
|
||||
|
||||
.selectedRadioButtonFill {
|
||||
position: relative;
|
||||
display: none;
|
||||
background-color: #20aca9;
|
||||
margin: auto;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 30px;
|
||||
top: 2px;
|
||||
}
|
||||
.mobileMode .selectedRadioButtonFill {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 48px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
#searchDiv {
|
||||
display: flex;
|
||||
margin-right: auto;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#searchBox {
|
||||
display: none;
|
||||
width: 0%;
|
||||
height: 22px;
|
||||
padding-left: 5px;
|
||||
border-radius: 0px 5px 5px 0px;
|
||||
border-right: solid 1px #cccccc;
|
||||
border-top: solid 1px #cccccc;
|
||||
border-bottom: solid 1px #cccccc;
|
||||
border-left: none;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
#searchBox:focus {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
.searchBoxHint {
|
||||
color: #8f949a;
|
||||
}
|
||||
|
||||
#sitemapHost.popup #searchDiv{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sitemapHost.popup #sitemapHeader{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sitemapHost.popup #changePageInstructions{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobileMode #sitemapHeader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Expo Sitemap
|
||||
******************************************************************************/
|
||||
|
||||
.expoSitemapNode {
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sitemapPageImg {
|
||||
max-width: 90%;
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
.popup .sitemapPageImg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.popup .expoSitemapNode {
|
||||
padding: 0 0 0 10px;
|
||||
text-align: left;
|
||||
}
|
||||
Reference in New Issue
Block a user