Skip to content

Commit

Permalink
Merge pull request #14248 from canonical/WD-14597-reduce-cred-header-…
Browse files Browse the repository at this point in the history 
…clickable-area

reduce the cred header clickable area
  • Loading branch information
@usamabinnadeem-10
usamabinnadeem-10 authored Sep 2, 2024
2 parents c6c2160 + e03ae0e commit d1a4b57
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 72 deletions.
4 changes: 0 additions & 4 deletions templates/credentials/exam.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,6 @@
const navHeight = document.getElementById("navigation").clientHeight;
const container = document.getElementById("exam-iframe");
container.style.height = `${window.innerHeight - navHeight - 32 - 4}px`;
console.log(`navHeight: ${navHeight}`);
console.log(`innerHeight: ${innerHeight}`);
console.log(`containerHeight: ${container.style.height}`);
console.log("container", container);
}

// window.onresize = setIframeHeight;
Expand Down
171 changes: 103 additions & 68 deletions templates/templates/base_no_nav.html
View file
Original file line number Diff line number Diff line change
@@ -1,76 +1,111 @@
<!doctype html>
<!DOCTYPE html>

<html class="no-js{% block extra_html_class %}{% endblock %}" lang="en" dir="ltr">
<html class="no-js
{% block extra_html_class %}{% endblock %}" lang="en" dir="ltr">
<head>

{% include "templates/_tag_manager.html" %}

<meta charset="UTF-8" />
<meta name="description" content="{% block meta_description %}Ubuntu is an open source software operating system that runs from the desktop, to the cloud, to all your internet connected things.{% endblock %}" />

<meta name="author" content="Canonical" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="twitter:account_id" content="4503599627481511" />
<meta name="google-site-verification" content="ddh2iq7ZuKf1LpkL_gtM_T7DkKDVD7ibq6Ceue4a_3M" />
<meta name="copydoc" content="{% block meta_copydoc %}https://drive.google.com/drive/folders/0B4s80tIYQW4BMjNiMGFmNzQtNDkxZC00YmQ0LWJiZWUtNTk2YThlY2MzZmJh{% endblock %}" />

<title>{% block title %}{% endblock %} | Ubuntu</title>

<link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/cb22ba5d-favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="https://assets.ubuntu.com/v1/49a1a858-favicon-32x32.png" sizes="32x32" />

<link rel="apple-touch-icon" sizes="144x144" href="https://assets.ubuntu.com/v1/3361409d-apple-touch-icon-144x144-precomposed.png" />
<link rel="apple-touch-icon" sizes="114x114" href="https://assets.ubuntu.com/v1/5fe4d3c8-apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon" sizes="72x72" href="https://assets.ubuntu.com/v1/09460d9a-apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon" href="https://assets.ubuntu.com/v1/c39e0fed-apple-touch-icon.png" />

<!-- stylesheets -->
<link rel="stylesheet" type="text/css" media="screen" href="{{ versioned_static('css/styles.css') }}" />
<link rel="stylesheet" type="text/css" media="print" href="{{ versioned_static('css/print.css') }}" />

<script>
var html = document.documentElement
html.classList.replace("no-js", "js");
</script>

{% block head_extra %}{% endblock %}

{% block crazy_egg %}{% endblock crazy_egg %}
<!-- google webmaster tools verification -->
<meta name="google-site-verification" content="ddh2iq7ZuKf1LpkL_gtM_T7DkKDVD7ibq6Ceue4a_3M" />
</head>

<body style="padding-top: 0;">
<!-- google tag manager -->
<noscript>
<iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-K92JCQ" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- end google tag manager -->

<header id="navigation" class="p-navigation">
{% block header_banner %}
<div class="u-fixed-width p-navigation__row--25-75">
<div class="p-navigation__tagged-logo">
<a class="p-navigation__link" href="/">
<div class="p-navigation__logo-tag">
<img class="p-navigation__logo-icon" src="https://assets.ubuntu.com/v1/82818827-CoF_white.svg" alt="">
<meta name="description" content="
{% block meta_description %}Ubuntu is an open source software operating system that runs from the desktop, to the cloud, to all your internet connected things.{% endblock %}" />

<meta name="author" content="Canonical" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="twitter:account_id" content="4503599627481511" />
<meta name="google-site-verification"
content="ddh2iq7ZuKf1LpkL_gtM_T7DkKDVD7ibq6Ceue4a_3M" />
<meta name="copydoc" content="
{% block meta_copydoc %}https://drive.google.com/drive/folders/0B4s80tIYQW4BMjNiMGFmNzQtNDkxZC00YmQ0LWJiZWUtNTk2YThlY2MzZmJh{% endblock %}" />
<meta name="keywords" />
<title>

{% block title %}{% endblock %}
| Ubuntu</title>

<link rel="icon"
type="image/png"
href="https://assets.ubuntu.com/v1/cb22ba5d-favicon-16x16.png"
sizes="16x16" />
<link rel="icon"
type="image/png"
href="https://assets.ubuntu.com/v1/49a1a858-favicon-32x32.png"
sizes="32x32" />

<link rel="apple-touch-icon"
sizes="144x144"
href="https://assets.ubuntu.com/v1/3361409d-apple-touch-icon-144x144-precomposed.png" />
<link rel="apple-touch-icon"
sizes="114x114"
href="https://assets.ubuntu.com/v1/5fe4d3c8-apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon"
sizes="72x72"
href="https://assets.ubuntu.com/v1/09460d9a-apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon"
href="https://assets.ubuntu.com/v1/c39e0fed-apple-touch-icon.png" />

<!-- stylesheets -->
<link rel="stylesheet" type="text/css" media="screen" href="{{ versioned_static("css/styles.css") }}" />
<link rel="stylesheet" type="text/css" media="print" href="{{ versioned_static("css/print.css") }}" />

<script>
var html = document.documentElement
html.classList.replace("no-js", "js");
</script>

{% block head_extra %}{% endblock %}

{% block crazy_egg %}
{% endblock crazy_egg %}
<!-- google webmaster tools verification -->
<meta name="google-site-verification"
content="ddh2iq7ZuKf1LpkL_gtM_T7DkKDVD7ibq6Ceue4a_3M" />
</head>

<body style="padding-top: 0;">
<!-- google tag manager -->
<noscript>
<iframe title="Google Tag Manager"
src="https://www.googletagmanager.com/ns.html?id=GTM-K92JCQ"
height="0"
width="0"
style="display:none;
visibility:hidden"></iframe>
</noscript>
<!-- end google tag manager -->

<header id="navigation" class="p-navigation">

{% block header_banner %}
<div class="u-fixed-width p-navigation__row--25-75">
<div class="p-navigation__tagged-logo">
<a class="p-navigation__link" href="/" style="width:max-content;">
<div class="p-navigation__logo-tag">
<img class="p-navigation__logo-icon"
src="https://assets.ubuntu.com/v1/82818827-CoF_white.svg"
alt="" />
</div>
<span class="p-navigation__logo-title">Ubuntu</span>
</a>
</div>
</div>
<span class="p-navigation__logo-title">Ubuntu</span>
</a>
{% endblock header_banner %}
</header>

<div class="wrapper u-no-margin--top">
<main id="main-content" class="inner-wrapper">

{% block content_head %}{% endblock %}

{% block content_container %}

{% block outer_content %}
{% endblock outer_content %}
{% endblock content_container %}
</main>
<!-- /.inner-wrapper -->
</div>
</div>
{% endblock header_banner %}
</header>

<div class="wrapper u-no-margin--top">
<main id="main-content" class="inner-wrapper">
{% block content_head %}{% endblock %}
{% block content_container %}
{% block outer_content %}
{% endblock outer_content %}
{% endblock content_container %}
</main><!-- /.inner-wrapper -->
</div><!-- /.wrapper -->

</body>
</html>
<!-- /.wrapper -->

</body>
</html>

0 comments on commit d1a4b57

Please sign in to comment.