From 11b720854969d67f6ac85d169ec43037e4d67b72 Mon Sep 17 00:00:00 2001 From: Jenna Badanowski <29607818+jbadan@users.noreply.github.com> Date: Fri, 17 Jan 2020 14:10:37 -0800 Subject: [PATCH] fix: update modal docs to remove .modal-demo-bg (#593) --- docs/_includes/head_print.html | 8 - docs/css/customstyles.css | 1114 -------------------------------- docs/pages/components/modal.md | 6 - 3 files changed, 1128 deletions(-) delete mode 100755 docs/css/customstyles.css diff --git a/docs/_includes/head_print.html b/docs/_includes/head_print.html index 8f10c28f86..e430cc9798 100755 --- a/docs/_includes/head_print.html +++ b/docs/_includes/head_print.html @@ -5,14 +5,6 @@ {% if page.homepage == true %} {{site.homepage_title}} {% elsif page.title %}{{ page.title }}{% endif %} | {{ site.site_title }} - - - - - - - - diff --git a/docs/css/customstyles.css b/docs/css/customstyles.css deleted file mode 100755 index be717a0426..0000000000 --- a/docs/css/customstyles.css +++ /dev/null @@ -1,1114 +0,0 @@ -html,body { - font-size: inherit; -} - -.post-content.ul, .post-content.ol { - padding-left: 40px !important; - list-style: disc !important; -} - -.bs-callout { - padding: 20px; - margin: 20px 0; - border: 1px solid #eee; - border-left-width: 5px; - border-radius: 3px; -} -.bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; -} -.bs-callout p:last-child { - margin-bottom: 0; -} -.bs-callout code { - border-radius: 3px; -} -.bs-callout+.bs-callout { - margin-top: -5px; -} -.bs-callout-default { - border-left-color: #777; -} -.bs-callout-default h4 { - color: #777; -} -.bs-callout-primary { - border-left-color: #428bca; -} -.bs-callout-primary h4 { - color: #428bca; -} -.bs-callout-success { - border-left-color: #5cb85c; -} -.bs-callout-success h4 { - color: #5cb85c; -} -.bs-callout-danger { - border-left-color: #d9534f; -} -.bs-callout-danger h4 { - color: #d9534f; -} -.bs-callout-warning { - border-left-color: #f0ad4e; -} -.bs-callout-warning h4 { - color: #f0ad4e; -} -.bs-callout-info { - border-left-color: #5bc0de; -} -.bs-callout-info h4 { - color: #5bc0de; -} - - -.gi-2x{font-size: 2em;} -.gi-3x{font-size: 3em;} -.gi-4x{font-size: 4em;} -.gi-5x{font-size: 5em;} - - - - - -.breadcrumb > .active {color: #777 !important;} - -/* make room for the nav bar */ -h1[id], -h2[id], -h3[id], -h4[id], -h5[id], -h6[id], -dt[id]{ - -} - -.post-content.img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; -} - -.post-content>ol li, .post-content>ul li { - //margin: 10px 0px 20px 0; - margin: 10px 0px 10px 0; -} - -.pageSummary { - font-size:13px; - display:block; - margin-bottom:15px; - padding-left:20px; -} - -.post-summary { - margin-bottom:12px; -} - -.bs-example{ - margin: 20px; -} - -.breadcrumb li { - color: gray; -} - -p.external a { - text-align:right; - font-size:12px; - color: #0088cc; - display:inline; -} - -#definition-box-container div a.active { - font-weight: bold; -} -p.post-meta {font-size: 80%; color: #777;} - -.entry-date{font-size:14px;font-size:0.875rem;line-height:1.71429;margin-bottom:0;text-transform:uppercase;} - - -.filter-options { - margin-bottom: 20px; -} -.filter-options button { - margin: 3px; -} - -div#toc ul li { - margin: 8px 0px 8px 22px; - font-size: 90%; - list-style: square; -} -div#toc ul { - background-color: whitesmoke; - padding: 5px; - border-radius: 5px; - max-width: 300px; - color: gray; -} - -div#toc ul li ul { - padding-left:8px; - -} - -div#toc ul li ul li::before { - content: "– "; -} - -div#toc >ul::before { - content: "Table of Contents"; - font-weight: 500; - color: #555; - text-align:center; - margin-left:auto; - margin-right:auto; - width:70px; - padding-top:20px; - padding-bottom:20px; - padding-left:10px; -} - -li.dropdownActive a { - font-weight: bold; -} - - -.post-content a.fa-rss { - color: orange; -} - -.navbar-inverse{ - background-color: #008dee; -} - -.navbar-inverse .navbar-nav > li > a { - background-color: transparent; - margin-top:10px; - color: #fff; -} - - - -.post-content .rssfeedLink { - color: #248EC2; -} - -footer { - font-size: smaller; -} - -/* FAQ page */ -#accordion .panel-heading { - font-size: 12px; -} - -a.accordion-toggle, a.accordion-collapsed { - font-size: 14px; - text-decoration: none; -} - - -.sidebarTitle h2{ - margin-bottom: 0; -} - -.sidebarTitle h2 .anchorjs-link{ - display: none; -} - -/* navgoco sidebar styles (customized) */ -.nav, .nav ul, .nav li { - list-style: none; -} - -.nav ul { - padding: 0; - /*margin: 0 0 0 18px;*/ - margin:0px; -} - -.nav { - /* padding: 4px;*/ - padding:0px; - margin: 0px; -} - -.nav > li { - margin: 1px 0; -} - -.nav > li li { - margin: 2px 0; -} - -.nav a { - color: #333; - display: block; - outline: none; - /*-webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px;*/ - text-decoration: none; -} - -.nav li > a > span { - float: right; - font-size: 19px; - font-weight: bolder; -} - - -.nav li > a > span:after { - content: '\25be'; -} -.nav li.active > a > span:after { - content: '\25b4'; -} - -.nav a:hover, .nav li.active > a { - background-color: #8D8D8D; - color: #f5f5f5; -} - -.nav > li.active > a { - background-color: #f1f1f1; - color: #333; -} - -.nav li a { - font-size: 12px; - line-height: 18px; - padding: 2px 10px; - background-color: #f1f1f1; -} - -.nav > li > a { - font-size: 14px; - line-height: 20px; - padding: 4px 10px; - margin-top: 20px; -} - - -.nav ul li ul li a { - padding-left:40px; -} - -.nav li.thirdlevel > a { - color: #248EC2; - font-weight:bold; - padding-left:20px; - background-color: whitesmoke !important; -} - - -.nav ul li a { - background-color: #FAFAFA; -} - -.nav li a { - padding-right:10px; -} - -.nav li a:hover { - background-color: #8D8D8D; -} - -.nav ul li a { - border-top:1px solid whitesmoke; - padding-left:10px; -} -/* end sidebar */ - -.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { - border-radius:5px; -} - -.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { - border-radius: 5px; -} - -img.screenshotSmall { - max-width: 300px; -} - - -dl dt p { - margin-left:20px; -} - - -dl dd { - margin-top:10px; - margin-bottom:10px; -} - -dl.dl-horizontal dd { - padding-top: 20px; -} - -figcaption { - - padding-bottom:12px; - padding-top:6px; - max-width: 90%; - margin-bottom:20px; - font-style: italic; - color: gray; - -} - -.testing { - color: orange; -} - -.preference { - color: red; -} - - -table.dataTable thead { - background-color: #444; -} -table td { - hyphens: auto; -} - -section table tr.success { - background-color: #dff0d8 !important; -} - -table tr.info { - background-color: #d9edf7 !important; -} - -section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 { - background-color: #fcf8e3 !important; -} -section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 { - background-color: #f2dede !important; -} - -.orange { - color: orange; -} - -table.profile thead tr th { - background-color: #248ec2; -} - -table.request thead tr th { - background-color: #ED1951; -} - -.audienceLabel { - margin: 10px; - float: right; - border:1px solid #dedede; - padding:7px; -} - -.prefaceAudienceLabel { - color: gray; - text-align: center; - margin:5px; -} -span.myLabel { - padding-left:10px; - padding-right:10px; -} - -button.cursorNorm { - cursor: default; -} - -a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a { - margin-left: 10px; -} - -hr.faded { - border: 0; - height: 1px; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); -} - -hr.shaded { - height: 12px; - border: 0; - box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5); - margin-top: 70px; - background: white; - width: 100%; - margin-bottom: 10px; -} - -.fa-6x{font-size:900%;} -.fa-7x{font-size:1100%;} -.fa-8x{font-size:1300%;} -.fa-9x{font-size:1500%;} -.fa-10x{font-size:1700%;} - -i.border { - padding: 10px 20px; - background-color: whitesmoke; -} - -a[data-toggle] { - color: #248EC2; -} - -.summary { - font-size:120%; - color: #808080; - margin:20px 0px 40px 0px; - border-left: 5px solid #ED1951; - padding-left: 10px; - -} - -.summary:before { - font-weight: bold; -} - - -a.fa.fa-envelope-o.mailto { - font-weight: 600; -} -.alert, .callout { - overflow: hidden; -} - -.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - background-color: #248ec2; - color: white; -} - -ol li ol li {list-style-type: lower-alpha;} -ol li ul li {list-style-type: disc;} - -li img {clear:both; } - -div#toc ul li ul li { - list-style-type: none; - margin: 5px 0px 0px 0px; -} - -.tab-content { - padding: 15px; - background-color: #FAFAFA; -} - -span.tagTitle {font-weight: 500;} - -li.activeSeries { - font-weight: bold; -} - -.seriesContext .dropdown-menu li.active { - font-weight: bold; - margin-left: 43px; - font-size:18px; -} - -.alert-warning { - color: #444; -} - -div.alert code, h2 code { - background-color: transparent !important; -} -/* without this, the links in these notes aren't visible.*/ -.alert a { - text-decoration: underline; -} - -div.tags {padding: 10px 5px;} - -.tabLabel { - font-weight: normal; -} - -button.cursorNorm { - cursor: pointer; -} - -h2 { - font-size:24px; - line-height:29px; -} -span.otherProgrammingLanguages { - font-style: normal; -} - -a[data-toggle="tooltip"] { - color: #649345; - font-style: italic; - cursor: default; -} - -.seriesNext, .seriesContext { - margin-top: 15px; - margin-bottom: 15px; -} - -.seriescontext ol li { - list-style-type: upper-roman; -} - -ol.series li { - list-style-type: decimal; - margin-left: 40px; - padding-left: 0px; -} - -.siteTagline { - font-size: 200%; - font-weight: bold; - color: silver; - font-family: monospace; - text-align: center; - line-height: 10px; - margin: 20px 0px; - display: block; -} - -.versionTagline { - text-align: center; - margin-bottom: 20px; - font-family: courier; - color: silver; - color: #444; - display:block; -} - -/* not sure if using this ...*/ -.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: #248ec2 !important; -} - - -.nav ul.series li { - list-style: decimal; - font-size:12px; -} - -.nav ul.series li a:hover { - background-color: gray; -} -.nav ul.series { - padding-left: 30px; -} - -.nav ul.series { - background-color: #FAFAFA; -} - -/* -a.dropdown-toggle.otherProgLangs { - color: #f7e68f !important; -} -*/ - -span.muted {color: #666;} - -table code {background-color: transparent;} - -.highlight .err { - color: #a61717; - background-color: transparent !important; -} - -table p { - margin-top: 12px; - margin-bottom: 12px; -} - -pre, table code { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* Internet Explorer 5.5+ */ -} - -pre { - margin: 25px 0px; - background-color: #fff!important; -} - -#json-box-container pre { - margin: 0px; -} - -.video-js { - margin: 30px 0px; -} - -video { - display: block; - margin: 30px 0px; - border: 1px solid #c0c0c0; -} - - -p.required, p.dataType {display: block; color: #c0c0c0; font-size: 80%; margin-left:4px;} - -dd {margin-left:20px;} - -.post-content img.inline { - margin:0px; - margin-bottom:6px; -} -.panel-heading { - font-weight: bold; -} - -.note code, .alert code, .warning code, div#toc code, h2 code, h3 code, h4 code { - color: inherit; - padding: 0px; -} - -.alert { - margin-bottom:10px; - margin-top:10px; -} - -a.accordion-toggle { - font-style: normal; -} - -span.red { - color: red; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; -} - -h3.codeExplanation { - font-size:18px; - font-style:normal; - color: black; - line-height: 24px; -} - -span.soft { - color: #c0c0c0; -} - -.githubEditButton { - margin-bottom:7px; -} - -.endpoint { - padding: 15px; - background-color: #f0f0f0; - font-family: courier; - font-size: 110%; - margin: 20px 0px; - color: #444; -} - -.parameter { - font-family: courier; - color: red !important; -} - -.formBoundary { - border: 1px solid gray; - padding: 15px; - margin: 15px 0px; - background-color: whitesmoke; -} - -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #444; - } -} - -.col-md-9.img { - max-width: 100%; - max-height: 100%; -} - - -.post-content.img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; -} -.col-md-9.img { - max-width: 100%; - max-height: 100%; -} - - -.post-content.img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; -} - -.videoThumbs.img { - float: left; - margin:15px 15px 15px 0px; - box-shadow: 2px 2px 1px #f0f0f0; - border: 1px solid #dedede; -} - - -@media only screen and (min-width: 900px), only screen and (min-device-width: 900px) { -} - -*:hover > .anchorjs-link { - transition: color .25s linear; - text-decoration: none; -} - -.kbCaption { - color: white; - background-color: #444; - padding:10px; -} - -/* Strip the outbound icon when this class is present */ -a[href].noCrossRef::after, -a.no_icon:after - { - content:"" !important; - padding-left: 0; -} - -.bfd-default { - margin-bottom: 10px; -} - -/* algolia search */ - -.search { - text-align: left; -} -.search input { - font-size: 20px; - width: 300px; -} -.results { - margin: auto; - text-align: left; -} -.results ul { - list-style-type: none; - padding: 0; -} - -/* algolia */ - -div.results { - position: absolute; - background-color: white; - width: 100%; -} - -.post-meta { - font-size: 14px; - color: #828282; -} - -.post-link { - font-size: 22px; -} - -.post-list p { - margin: 10px 0px; -} - -time { - margin-right: 10px; -} - -p.post-meta time { - margin-right: 0px; -} - -span.label.label-default { - background-color: gray; -} - -span.label.label-primary { - background-color: #f0ad4e; -} -.col-lg-12 .nav li a {background-color: white} - - -.nav li.active > a.subfoldersTitle { - background-color: whitesmoke; - font-weight: bold; - color: black; - } - -a code { - color: #248EC2; -} - -code + a > code { - margin-left: -7px; -} - -table th code { - color: white; -} - -ol li ul li ol li { - list-style: decimal; -} - -ol li ul li ol li ul li{ - list-style: disc; -} - -.post-content table th { - vertical-align: top; -} - -table thead th code.highlighter-rouge { - background-color: transparent; -} - - -.box { - padding: 10px; - border: 1px solid #888; - box-shadow: 2px 2px 4px #dedede; - width: 100px; - height: 80px; - background-color: #f5f5f5; - font-family: Arial; - font-size: 12px; - hyphens: auto; - float: left; - font-size: 12px; -} - -.box:hover { - background-color: #f0f0f0; -} - -#userMap { - overflow-x: auto; - overflow-y: auto; - padding: 20px; - min-width: 770px; -} - -#userMap .active { - background-color: #d6f5d6; - border:1px solid #555; - font-weight: bold; -} - -h2.userMapTitle { - font-family: Arial; -} - -#userMap a:hover { - text-decoration: none; - } - -div.arrow { - max-width: 50px; - margin-left: 15px; - margin-right: 15px; - font-size: 20px; -} - -div.content { - max-width: 110px -} - -#userMap div.arrow, #userMap div.content { - float: left; -} - -.clearfix { - clear: both; -} - - -#userMap div.arrow { - position: relative; - top: 30px; -} - -.box1 { - margin-left:0px; -} - -button.btn.bfd-default.bfd-lg.modalButton1 { - margin-left: -20px; -} - -div.box.box1 { - margin-left: -20px; -} - -#userMap .bfd-lg { - width: 100px; - height: 80px; - -} - -#userMap .complexArrow { - font-size: 22px; - margin: 0px 10px; -} - - -#userMap .bfd-lg .active { - background-color: #d6f5d6; -} - -#userMap .bfd-lg { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* Internet Explorer 5.5+ */ - font-size: 14px; - } - -/* - * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files - * - * [1] IE9 - * [2] IE10+ - */ -/* 1 */ -.ie9 img[src$=".svg"] { - width: 100%; -} -/* 2 */ -@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { - img[src$=".svg"] { - width: 100%; - } -} - -h4.panel-title { - padding-top: 0px; - margin-top: 0px; -} - -/*set navbar breakpoint so that it converts to arrow earlier */ - -@media (max-width: 1200px) { - .navbar-header { - float: none; - } - .navbar-left,.navbar-right { - float: none !important; - } - .navbar-toggle { - display: block; - } - .navbar-toggle:hover, - .navbar-toggle:focus - { - color: #ffffff; - } - .navbar-toggle span.fd-icon--arrow { - position: relative; - top: 4px; - } - .navbar-toggle[aria-expanded="true"] span.fd-icon--arrow { - -webkit-transform: rotateZ(180deg); - -moz-transform: rotateZ(180deg); - transform: rotateZ(180deg); - } - .navbar-collapse { - border-top: 1px solid transparent; - box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); - } - .navbar-fixed-top { - top: 0; - border-width: 0 0 1px; - } - .navbar-collapse.collapse { - display: none!important; - } - .navbar-nav { - float: none!important; - margin-top: 7.5px; - } - .navbar-nav>li { - float: none; - } - .navbar-nav>li>a { - padding-top: 10px; - padding-bottom: 10px; - } - .collapse.in{ - display:block !important; - } -} - -.no-search-results{ - padding: 10px; -} - -.fd-tree > li { - list-style: none; - margin: 0 !important; -} - -.fd-list-group__label{ - font-weight: normal; -} - - -.color-plaue-container{ - margin-bottom: 40px; -} -.demo-color-plaque{ - padding:20px; - color:#fff; - border:1px solid #666; - float: left; - width: 250px; - height: 150px; - position: relative; - padding: 0; - margin-right:10px!important; -} - -.color-info{ - width: 100%; - background: #666; - bottom: 0; - position: absolute; - padding: 5px; - text-align: center; -} - -.modal-demo-bg{ - background-color:rgba(0, 0, 0, 0.5); - padding: 40px; -} - -pre code{ - white-space:pre-wrap - overflow-x: scroll; -} - diff --git a/docs/pages/components/modal.md b/docs/pages/components/modal.md index 01651cb81b..05b91d4feb 100644 --- a/docs/pages/components/modal.md +++ b/docs/pages/components/modal.md @@ -19,7 +19,6 @@ It is used for short forms, confirmation messages or to display contextual infor This is used to present information to the user but the Alert Component doesn’t fit all the information. {% capture default-modal %} -
@@ -36,7 +35,6 @@ This is used to present information to the user but the Alert Component doesn’
-
{% endcapture %} {% include display-component.html component=default-modal %} @@ -47,7 +45,6 @@ This is used to present information to the user but the Alert Component doesn’ This is used to confirm with the user before continuing with a destructive or complex action. In this case, the modal has action buttons at the bottom. {% capture default-confirmation %} -
@@ -63,7 +60,6 @@ This is used to confirm with the user before continuing with a destructive or co
-
{% endcapture %} {% include display-component.html component=default-confirmation %} @@ -74,7 +70,6 @@ This is used to confirm with the user before continuing with a destructive or co This is used for short forms in order to collect information from the user. {% capture default-form %} -
@@ -93,7 +88,6 @@ This is used for short forms in order to collect information from the user.
-
{% endcapture %} {% include display-component.html component=default-form %}