Little CSS update for Chrome version

Litte style update for the Chrome version
This commit is contained in:
Kevin Röbert 2018-09-02 20:17:54 +02:00
parent af7397337f
commit adc6e0bf0d
6 changed files with 128 additions and 122 deletions

View File

@ -1,6 +1,5 @@
body { body {
font-size: 13px; font-size: 13px;
width: 200px;
} }
.small-version { .small-version {
@ -15,3 +14,7 @@ body {
.col-sm-1 { .col-sm-1 {
margin-top: -10px; margin-top: -10px;
} }
#body-popup {
width: 200px;
}

View File

@ -1,7 +1,7 @@
{ {
"manifest_version": 2, "manifest_version": 2,
"name": "ClearURLs", "name": "ClearURLs",
"version": "1.3.3.13", "version": "1.3.3.14",
"author": "Kevin R.", "author": "Kevin R.",
"description": "Remove tracking elements form URLs.", "description": "Remove tracking elements form URLs.",
"homepage_url": "https://gitlab.com/KevinRoebert/ClearUrls", "homepage_url": "https://gitlab.com/KevinRoebert/ClearUrls",

Binary file not shown.

View File

@ -61,6 +61,7 @@
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../browser-polyfill.js"></script>
<script src="../external_js/jquery-3.2.1.min.js"></script> <script src="../external_js/jquery-3.2.1.min.js"></script>
<script src="../external_js/bootstrap.min.js"></script> <script src="../external_js/bootstrap.min.js"></script>
<script src="../external_js/jquery.dataTables.min.js"></script> <script src="../external_js/jquery.dataTables.min.js"></script>

View File

@ -13,143 +13,144 @@
<link rel="stylesheet" type="text/css" href="../css/core.css"> <link rel="stylesheet" type="text/css" href="../css/core.css">
</head> </head>
<body> <body>
<div class="container-fluid" <div id="body-popup">
style="background: url('../img/img-noise-361x370.png');background-size: auto;"> <div class="container-fluid"
<div class="row"> style="background: url('../img/img-noise-361x370.png');background-size: auto;">
<nav class="col-sm-1 navbar navbar-inverse"> <div class="row">
<div class="container"> <nav class="col-sm-1 navbar navbar-inverse">
<div class="navbar-header"> <div class="container">
<span class="navbar-brand"> <div class="navbar-header">
<span class="pull-left"><img src="../img/clearurls.svg" <span class="navbar-brand">
width="30" height="30" alt=""></span> <span class="pull-left"><img src="../img/clearurls.svg"
<span style="color: #FF7800;" class="pull-right"> width="30" height="30" alt=""></span>
ClearURLs <span style="color: #FF7800;" class="pull-right">
</span><br /> ClearURLs
<span class="label label-warning pull-left small-version" </span><br />
id="version"></span> <span class="label label-warning pull-left small-version"
</span> id="version"></span>
</span>
</div>
</div> </div>
</div> </nav>
</nav>
</div>
<div class="row" id="incognito" style="display:none;">
<div class="col-sm-1">
<b class="text-justify word-wrap" style="color: #FF7800;">
The graphical elements of ClearURLs do not work in Incognito mode.<br />
ClearURLs still cleans all URLs.<br />
If you want to change settings, you must do so in a non-private tab.<br />
These changes will then be taken over here.
</b>
</div> </div>
</div>
<div id="dialog"></div> <div class="row" id="incognito" style="display:none;">
<div class="row" id="config_section"> <div class="col-sm-1">
<div class="col-sm-1"> <b class="text-justify word-wrap" style="color: #FF7800;">
<a id="settings" target="_blank"><span class="pull-right glyphicon glyphicon-cog"></span></a> The graphical elements of ClearURLs do not work in Incognito mode.<br />
<h5><b id="configs_head"></b></h5> ClearURLs still cleans all URLs.<br />
<label class="switch"> If you want to change settings, you must do so in a non-private tab.<br />
<input type="checkbox" id="globalStatus"> These changes will then be taken over here.
<span class="slider round"></span> </b>
<label id="configs_switch_filter"></label> </div>
</label> </div>
<br> <div id="dialog"></div>
<label class="switch"> <div class="row" id="config_section">
<input type="checkbox" id="logging"> <div class="col-sm-1">
<span class="slider round"></span> <a id="settings" target="_blank"><span class="pull-right glyphicon glyphicon-cog"></span></a>
<label id="configs_switch_log"></label> <h5><b id="configs_head"></b></h5>
</label> <label class="switch">
<br> <input type="checkbox" id="globalStatus">
<label class="switch"> <span class="slider round"></span>
<input type="checkbox" id="tabcounter"> <label id="configs_switch_filter"></label>
<span class="slider round"></span> </label>
<label id="configs_switch_badges"></label> <br>
</label> <label class="switch">
<br> <input type="checkbox" id="logging">
<label class="switch"> <span class="slider round"></span>
<input type="checkbox" id="statistics"> <label id="configs_switch_log"></label>
<span class="slider round"></span> </label>
<label id="configs_switch_statistics"></label> <br>
</label> <label class="switch">
<div class="clearfix"></div> <input type="checkbox" id="tabcounter">
<br /> <span class="slider round"></span>
<label id="configs_switch_badges"></label>
</label>
<br>
<label class="switch">
<input type="checkbox" id="statistics">
<span class="slider round"></span>
<label id="configs_switch_statistics"></label>
</label>
<div class="clearfix"></div>
<br />
</div>
</div>
<div class="row" id="statistic_section">
<div class="col-sm-1">
<h5><b id="statistics_head"></b></h5>
<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar-striped"
role="progressbar" style="width: 0%" id="progress_blocked"></div>
<div class="progress-bar progress-bar-info progress-bar-striped"
role="progressbar" style="width: 100%" id="progress_non_blocked"></div>
</div>
<div>
<span class="pull-left" id="statistics_elements"></span>
<span class="pull-right text-info"
id="statistics_total_elements"></span>
<div class="clearfix"></div>
</div>
<div>
<span class="pull-left" id="statistics_blocked"></span>
<span class="pull-right text-danger"
id="statistics_value"></span>
<div class="clearfix"></div>
</div>
<div>
<span class="pull-left" id="statistics_percentage"></span>
<span class="pull-right text-success"
id="statistics_value_global_percentage"></span>
<div class="clearfix"></div>
</div>
<br />
<div class="text-center">
<button type="button" id="reset_counter_btn"
class="btn btn-danger btn-xs">
</button>
<div class="clearfix"></div>
<br />
</div>
</div> </div>
</div> </div>
<div class="row" id="statistic_section"> <div class="row" id="status_section">
<div class="col-sm-1"> <div class="col-sm-1">
<h5><b id="statistics_head"></b></h5> <h5><b id="rules_status_head"></b></h5>
<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar-striped"
role="progressbar" style="width: 0%" id="progress_blocked"></div>
<div class="progress-bar progress-bar-info progress-bar-striped"
role="progressbar" style="width: 100%" id="progress_non_blocked"></div>
</div>
<div>
<span class="pull-left" id="statistics_elements"></span>
<span class="pull-right text-info"
id="statistics_total_elements"></span>
<div class="clearfix"></div>
</div>
<div>
<span class="pull-left" id="statistics_blocked"></span>
<span class="pull-right text-danger"
id="statistics_value"></span>
<div class="clearfix"></div>
</div>
<div>
<span class="pull-left" id="statistics_percentage"></span>
<span class="pull-right text-success"
id="statistics_value_global_percentage"></span>
<div class="clearfix"></div>
</div>
<br />
<div class="text-center"> <div class="text-center">
<button type="button" id="reset_counter_btn" <a href="https://gitlab.com/KevinRoebert/ClearUrls/commits/master/data/data.json"
class="btn btn-danger btn-xs"> id="hashStatus" class="btn btn-primary btn-xs" target="_blank"></a>
</button> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<br /> <br />
</div> </div>
</div> </div>
</div> <br />
<div class="row" id="log_section">
<div class="row" id="status_section"> <div class="col-sm-1">
<div class="col-sm-1"> <div class="text-center">
<h5><b id="rules_status_head"></b></h5> <a type="button" id="loggingPage" target="_blank"
<div class="text-center"> class="btn btn-default btn-sm btn-block"></a>
<a href="https://gitlab.com/KevinRoebert/ClearUrls/commits/master/data/data.json" </div>
id="hashStatus" class="btn btn-primary btn-xs" target="_blank"></a>
</div>
<div class="clearfix"></div>
<br />
</div>
</div>
<br />
<div class="row" id="log_section">
<div class="col-sm-1">
<div class="text-center">
<a type="button" id="loggingPage" target="_blank"
class="btn btn-default btn-sm btn-block"></a>
</div> </div>
</div> </div>
</div> <br />
<br /> <div class="row" id="report_section">
<div class="row" id="report_section"> <div class="col-sm-1">
<div class="col-sm-1"> <div class="text-center">
<div class="text-center"> <a type="button" id="reportButton" target="_blank"
<a type="button" id="reportButton" target="_blank" class="btn btn-warning btn-sm btn-block"></a>
class="btn btn-warning btn-sm btn-block"></a> </div>
</div> </div>
<br />
</div> </div>
<br />
</div> </div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script type="application/javascript" src="../browser-polyfill.js"></script> <script type="application/javascript" src="../browser-polyfill.js"></script>

View File

@ -75,6 +75,7 @@
</div> </div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<script src="../browser-polyfill.js"></script>
<script src="../external_js/jquery-3.2.1.min.js"></script> <script src="../external_js/jquery-3.2.1.min.js"></script>
<script src="../external_js/bootstrap.min.js"></script> <script src="../external_js/bootstrap.min.js"></script>
<script src="../external_js/tinycolor-0.9.15.min.js"></script> <script src="../external_js/tinycolor-0.9.15.min.js"></script>